watermark logo

3 Views· 16 August 2022

Personal/Agency Website | SEO Optimized Responsive Portfolio Website Using Next.js

Advertisement


NidaCarner
Subscribers

Responsive portfolio website tutorial for beginners using Next.js
Get Hostinger Discount: http://hostinger.com/lamadev Coupon Code: LAMADEV

Support the channel: https://www.youtube.com/channe....l/UCOxWrX5MIdXIeRNaX
Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code: https://github.com/safak/youtube/tree/next-agency

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
1:48 Next.js Crash Course
13:02 Navbar Design
17:17 Introduction Component
29:57 Portfolio Component
32:55 How to Fetch Data in Next.js
34:00 Services Page
50:12 Testimonials Component
01:00:44 Footer Component
01:09:03 Next.js getStaticPaths tutorial
01:17:26 Product Page
01:24:26 Contact Page
01:33:35 Next.js Responsive Design
01:45:42 Responsive Hamburger Menu
01:58:00 How to Deploy Next.js App to a Hosting
02:05:24 Outro

Show more


Up next

Advertisement


0 Comments