An open-source portfolio website design built with Next.js, featuring modern UI components and animations. Feel free to use this design as inspiration or a starting point for your own portfolio!
- Modern and responsive design
- Dark/light mode toggle
- Smooth animations and transitions
- Project showcase with dynamic cards
- Built with Next.js 15+ and TypeScript
- Styled with Tailwind CSS + Shadcn
- Database integration with Drizzle ORM
- Authentication ready with NextAuth.js
Make sure you have Node.js 18+ installed on your machine.
git clone https://github.com/trickrenzgarcia/rwick
cd rwick
npm install
# or
yarn install
# or
pnpm install
# or
bun install
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start customizing the design by modifying src/app/page.tsx
. The page auto-updates as you edit the file.
- Framework: Next.js 14+ with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Custom components with Radix UI primitives
- Database: SQLite with Drizzle ORM
- Authentication: NextAuth.js
- Fonts: Geist font family
src/
├── app/ # Next.js app router pages
├── components/ # Reusable UI components
├── drizzle/ # Database schema and migrations
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and configurations
└── types/ # TypeScript type definitions
This design is meant to be customized! Here are some areas you might want to modify:
- Colors & Theme: Update the CSS variables in
src/app/globals.css
- Components: Modify components in
src/components/
to match your style - Content: Update the project data and personal information
- Animations: Customize animations in the component files
This project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
If you found this design helpful, consider:
- ⭐ Starring this repository
- 🍴 Forking it for your own use
- 📢 Sharing it with others
To learn more about the technologies used:
- Next.js Documentation - learn about Next.js features and API
- Shadcn/ui - Component Library for React
- Tailwind CSS - utility-first CSS framework
- Drizzle ORM - TypeScript ORM
- NextAuth.js - authentication for Next.js