A modern, responsive personal portfolio website built with Next.js, React, and Tailwind CSS. This website showcases professional experience, projects, and contact information with a clean, minimal design.
- Framework: Next.js 15
- UI Library: React 19
- Styling: Tailwind CSS 4
- UI: ShadcnUI
- Animations: Motion
First, install the dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
Then, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
personal-website/
├── public/ # Static files (images, etc.)
├── src/ # Source code
│ ├── app/ # App router pages
│ ├── components/# UI components
│ │ ├── ui/ # Base UI components
│ │ └── ... # Feature components
│ ├── lib/ # Utility functions and constants
├── next.config.ts # Next.js configuration
└── ... # Config files
You can start editing the page by modifying app/page.tsx
.
NEXT_PUBLIC_REPO_URL=https://github.com/your-profile-name/repo-name