Hey there! 👋 This is my personal portfolio site where I showcase my work, skills, and cool projects. Built with Next.js, TypeScript, and Three.js, it has smooth animations, interactive 3D elements, and a clean, modern look.
- ✨ Next.js & TypeScript – because I love clean and scalable code
- 🎭 Framer Motion – smooth animations, because static is boring
- 🌌 Three.js & @react-three/fiber – a little bit of 3D magic
- 🗄️ MongoDB Atlas - database driven approach to load datasets dynamically
- 📱 Fully responsive – looks great on all screens
- ⚡ Optimized for performance – because speed matters
Wanna play around with it? Here’s how:
git clone https://github.com/azizbekdevuz/portfolio-next.git
cd portfolio-nextnpm install| File | Action |
|---|---|
.env.example |
Rename to .env.local |
.env.local |
Update only the values, but do not change key names |
📌 Important: The database settings are now component-based, meaning the page renders and displays data dynamically from MongoDB.
To rename the file in a terminal:
mv .env.example .env.localnpm run devNow open http://localhost:3000 in your browser and explore!
npm run build
npm run startWant to take it live? Deploy easily with:
- Vercel →
vercel deploy - Netlify / Other platforms → Follow their Next.js guides
- 🖥️ Framework: Next.js (React)
- 📝 Language: TypeScript
- 🗄️ Database: MongoDB
- 🎨 Animations: Framer Motion
- 🌌 3D Graphics: Three.js & @react-three/fiber
- 🎭 Styling: Tailwind CSS
This is just the beginning! I plan to:
- 🚀 Add more interactive 3D elements
- 🎨 Improve UI animations & microinteractions
- 🌎 Add multilingual support
Got an idea? Found a bug? Feel free to open an issue or a PR!
MIT License – free to use, modify, and share!