Next.js Creative Portfolio Tutorial: Build Amazing Portfolio Website with Next.js, Three.js, and Tailwind CSS 🔥
This repository contains final code for Next.js Creative Portfolio website built using Next.js and Three.js.
For Demo checkout following link👇:
Nextjs Creative Portfolio Website Demo
✨ Checkout my brand new Saas application -> AI Headshot Generator
Starter Code Files👇:
➡ Link 💚: Nextjs Creative Portfolio Website Starter Code
If you want to learn how to create it please follow below tutorial👇:
➡ Tutorial Link 💚: Personal Portfolio Website with Next.js, Three.js & Tailwind CSS Tutorial
💚 Checkout my personal website DevDreaming
- "Tim Mckee - Boy Wizard" by elbertwithane is licensed under Creative Commons Attribution .
- "Stylized wizard hat" by Enkarra is licensed under Creative Commons Attribution.
- "Wizard Staff" by Toymancer Studio is licensed under Creative Commons Attribution.
- Created with the help of Playground AI
- Fonts from Google Fonts
- Icons from Lucide Icons
- Notifications from Sonner
- Form created using react-hook-form
- Animations using framer-motion
- Emails using Emailjs
- Convert 3d models to JSX using Gltf JSX
- Music by Shiden Beats Music from Pixabay
This is a Next.js project bootstrapped with create-next-app.
First, install the dependencies and run the development server:
npm run install # to install all dependencies
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.