Uploaded January 2022 | Updated September 2026, 4 hours ago

---

Learn to create a simple personal/portfolio website with NextJS, React, and TailwindCSS in this beginner-level tutorial project.

When this project is finished, you'll have a hosted static site built and styled with modern (2022) web frameworks.

💡 Final product: https://nextjs-portfolio-seven-chi.vercel.app/
💡 Code: github.com/pixegami/nextjs-portfolio-tutorial

💻 Technology Stack
👉 React: reactjs.org
👉 NextJS: nextjs.org
👉 TailwindCSS: tailwindcss.com
👉 Fontawesome: fontawesome.com
👉 Vercel: vercel.com

📹 Video Content
00:00:00 Introduction
00:01:13 Tech Overview
00:03:07 Setup
00:07:11 React Re-cap
00:13:47 Design
00:16:36 Components and layout
00:29:18 Styling with TailwindCSS
00:39:09 Add images
00:45:26 Add a new page
00:50:14 Creating links between pages
00:54:47 Re-using components (w/ prop interface)
01:02:22 Loop to create multiple components
01:08:46 Add social media icons (w/ Fontawesome)
01:15:12 Publish (host) the site!

#nextjs #tailwindcss