Skip to content

Portfolio App built with Next.js 15, Tailwind CSS and Supabase.

Notifications You must be signed in to change notification settings

timtbdev/Next.js-Portfolio-App

Repository files navigation

Portfolio-App-Product-Hunt Banner-02 Banner-03 Banner-04

A blazing-fast, SEO-optimized, and fully responsive portfolio website built with modern web technologies.

🌟 Tech Stacks

  • 🚀 Built with Next.js 15 and TypeScript 5
  • 💨 Styled using Tailwind CSS v4 and ShadCN UI
  • 🔐 Authentication and database with Supabase
  • 📊 State management with Zustand and TanStack Query v5
  • 📧 Email functionality via Resend
  • 🗃️ Type-safe ORM with Drizzle

🌎 Live Demo: timtb.dev

🚀 Getting Started

Prerequisites

  • Node.js 18.0 or later
  • npm or yarn or pnpm

Installation

  1. Clone the repository
git clone https://github.com/yourusername/portfolio-template.git
cd portfolio-template
  1. Install dependencies
npm install
# or
yarn install
# or
pnpm install
  1. Start the development server
npm run dev
# or
yarn dev
# or
pnpm dev

Visit http://localhost:3000 to see your portfolio in action!

🔧 Configuration

Key configuration files:

  • next.config.mjs - Next.js configuration
  • tailwind.config.ts - Tailwind CSS configuration
  • tsconfig.json - TypeScript configuration
  • contentlayer.config.ts - Content management configuration

🔧 Environment Variables

Create a .env.local file with the following variables:

NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXT_PUBLIC_WEB_URL=your_production_domain_name
GITHUB_TOKEN=your_github_token
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_key
RESEND_API_KEY=your_resend_api_key

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact

For questions or feedback, reach out through: