An open API service indexing awesome lists of open source software.

https://github.com/yashthakare93/yash-thakare.dev

A sleek, modern developer portfolio built with Next.js 15, React 19, and Turbopack — designed for performance, accessibility, and dark mode support.
https://github.com/yashthakare93/yash-thakare.dev

framer-motion javascript light-dark-mode lucide-react next-themes nextjs react-icons reactjs tailwindcss vercel vercel-deployment

Last synced: 2 months ago
JSON representation

A sleek, modern developer portfolio built with Next.js 15, React 19, and Turbopack — designed for performance, accessibility, and dark mode support.

Awesome Lists containing this project

README

          

# Next.js Portfolio Template - yash-thakare.dev


last-commit
repo-top-language
repo-language-count

🚀 A sleek, modern developer portfolio built with **Next.js 15**, **React 19**, and **Turbopack** — designed for performance, accessibility, and dark mode support.

![Next.js](https://img.shields.io/badge/Next.js-000000.svg?style=flat&logo=Next.js&logoColor=white)
![React](https://img.shields.io/badge/React-61DAFB.svg?style=flat&logo=React&logoColor=black)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=flat&logo=JavaScript&logoColor=black)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC.svg?style=flat&logo=Tailwind+CSS&logoColor=white)
![Framer Motion](https://img.shields.io/badge/Framer_Motion-000000.svg?style=flat&logo=framer&logoColor=white&color=F12E8A)
![Vercel](https://img.shields.io/badge/Vercel-000000.svg?style=flat&logo=Vercel&logoColor=white)

---

## 🌟 Features

- ✅ **Next.js 15 App Router** – Built with the latest React 19 and Turbopack for ultra-fast dev experience
- 🎨 **Tailwind CSS + shadcn/ui** – Styled with utility classes and accessible UI components (`@radix-ui`, `lucide-react`)
- 🌙 **Dark Mode Support** – Smooth theme toggling with `next-themes`
- 🌀 **Animations** – Beautiful transitions powered by `framer-motion`
- 📱 **Fully Responsive** – Looks great on all devices
- 🔍 **SEO Optimized** – Metadata, Open Graph, and semantic HTML
- ⚙️ **Code Quality** – ESLint + Prettier for clean, consistent code
- 🚀 **Optimized Performance** – Leverages Next.js Image, lazy loading, and minimal bundle size

---

## 🛠️ Tech Stack

| Category | Tools & Libraries |
|--------------|-------------------|
| Framework | Next.js 15, React 19, React DOM |
| Styling | Tailwind CSS, `tailwind-merge`, `clsx`, `class-variance-authority`, `tailwindcss-animate` |
| UI Components | `@radix-ui/react-slot`, `lucide-react`, `react-icons` |
| Animation | `framer-motion` |
| Theme | `next-themes` |
| Dev Tools | ESLint, PostCSS, Autoprefixer, Turbopack |
| Hosting | Vercel |