Overview
Learn to create a SEO-optimized responsive portfolio website using Next.js in this comprehensive tutorial. Master Next.js fundamentals, design key components like navbar and footer, implement data fetching techniques, and develop essential pages including services, products, and contact. Explore advanced topics such as getStaticPaths, responsive design, and creating a hamburger menu. Conclude with deploying your Next.js application to a hosting service, equipping you with the skills to build and launch a professional portfolio website.
Syllabus
Introduction
Next.js Crash Course
Navbar Design
Introduction Component
Portfolio Component
How to Fetch Data in Next.js
Services Page
Testimonials Component
Footer Component
Next.js getStaticPaths tutorial
Product Page
Contact Page
Next.js Responsive Design
Responsive Hamburger Menu
How to Deploy Next.js App to a Hosting
Outro
Taught by
Lama Dev