Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS.
Course developed by @CodeBucks
đ Demo Link: https://next-js-creative-portfolio-website.vercel.app/
đť Starter Code: https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-FâŚ
đť Final Code: https://github.com/codebucks27/Next.js-Creative-Portfolio-Website
âď¸ Contents âď¸
â¨ď¸ (0:00:00) Intro + Demo
â¨ď¸ (0:06:02) Setup and Installation
â¨ď¸ (0:08:11) Layout.js file and Tailwind config
â¨ď¸ (0:11:53) Home page
â¨ď¸ (0:13:21) Generate Images using Playground AI
â¨ď¸ (0:16:56) 3D model configuration and Rendering
â¨ď¸ (0:37:13) Navigation buttons
â¨ď¸ (1:07:53) Creating background firefly effect
â¨ď¸ (1:20:07) Projects page
â¨ď¸ (1:32:46) Subpages layout
â¨ď¸ (1:40:08) About page
â¨ď¸ (1:55:48) Github stats & Skill icons
â¨ď¸ (2:10:48) Contact page
â¨ď¸ (2:20:06) Using Emailjs
â¨ď¸ (2:35:27) Show toast messages
â¨ď¸ (2:41:23) Mobile responsive
â¨ď¸ (3:10:16) Adding animations using framer-motion
â¨ď¸ (3:23:57) Adding music
â¨ď¸ (3:49:21) Optimizing Images and performance
đ Thanks to our Champion and Sponsor supporters:
đž Drake Milly
đž Ulises Moralez
đž Goddard Tan
đž David MG
đž Matthew Springman
đž Claudio
đž Oscar R.
đž jedi-or-sith
đž Nattira Maneerat
đž Justin Hual
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news