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

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

---

⭐DO NOT FORGET TO STAR THIS REPO⭐

---

Images of The Portfolio Website:

Home

About

Projects

Contact

Mobile Version

Resources Used in This Project

3D Models

• "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.

AI Images

• Created with the help of Playground AI

Github Stats & Details

• Github ReadMe Stats
• Skills Icons
• Github Readme Streak Stats

Development Resources

• 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

Audio

• Music by Shiden Beats Music from Pixabay

---

This is a Next.js project bootstrapped with create-next-app.

Getting Started

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.