Next.js Creative Portfolio Tutorial: Build Amazing Portfolio Website with Next.js, Three.js, and Tailwind CSS 🔥
GitHub stars
GitHub forks
Github Followers
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
YouTube Video Views
💚 Checkout my personal website DevDreaming
Nextjs Creative Portfolio Website
Nextjs Creative Portfolio Website About Page
Next.js Creative Portfolio Website Projects Page
Next.js Creative Portfolio Website Contact Page
Next.js Creative Portfolio Website Contact Page Next.js Creative Portfolio Website Contact Page Next.js Creative Portfolio Website Contact Page Next.js Creative Portfolio Website Contact Page
- "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 dev
Open http://localhost:3000 with your browser to see the result.