🤩 Next.js Portfolio App

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

🔍 Search Engine Optimization

📊 Performance

📱💻 Responsive Design

navigation-links.mp4

🔎 Live Search

live-search.mov

📝 Blog with MDX Support

blog-feature.mov

🚀 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

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. 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:

• Email: timtb.dev@gmail.com
• X: @timtbdev

---