A blazing-fast, SEO-optimized, and fully responsive portfolio website built with modern web technologies.
- 🚀 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
- Node.js 18.0 or later
- npm or yarn or pnpm
- Clone the repository
git clone https://github.com/yourusername/portfolio-template.git
cd portfolio-template
- Install dependencies
npm install
# or
yarn install
# or
pnpm install
- Start the development server
npm run dev
# or
yarn dev
# or
pnpm dev
Visit http://localhost:3000
to see your portfolio in action!
Key configuration files:
next.config.mjs
- Next.js configurationtailwind.config.ts
- Tailwind CSS configurationtsconfig.json
- TypeScript configurationcontentlayer.config.ts
- Content management configuration
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
This project is licensed under the MIT License - see the LICENSE file for details.
For questions or feedback, reach out through:
- Email: [email protected]
- X: @timtbdev