Building UIs with Next.js
Master Next.js and build full-stack React applications with server-side rendering, API routes, and seamless deployment. Learn to create production-ready web applications with the most popular React framework.
- of video
- 2.9 h
- lectures
- 41
- sections
- 9
$99.97one payment
Lifetime access. 15-day money-back guarantee.
Want a mentor as well? The Academy gives you every course on Amigoscode plus code reviews, daily live calls and interview prep, for $129/month. Compare →
What you'll learn
By the end of this course
- Set up your Next.js development environment and understand the project structure.
- Master Server-Side Rendering (SSR) and Client-Side Rendering (CSR) concepts.
- Build dynamic dashboard pages with data fetching from APIs.
- Implement dynamic routes and handle 404 errors gracefully.
- Create and use reusable UI components and libraries.
- Build Next.js API routes and route handlers for backend functionality.
- Set up proxy routes and configure environment variables.
- Deploy your Next.js applications to Vercel with confidence.
- Build full-stack features like product management with database integration.
Curriculum
9 sections, 41 lectures
2.9 h of video. Open any section to see its lectures.
1Intro2 lectures · 4 min
- 1Recommended Courses
- 2What We Are Going To Build4 min
2Up and running with Next.js7 lectures · 30 min
- 1Node Installation3 min
- 2Nextjs5 min
- 3Amigoscode Web Template4 min
- 4Visual Studio Code4 min
- 5Project Walkthrough - Part 16 min
- 6Project Walkthrough - Part 25 min
- 7Nextjs Documentation3 min
3Dashboard11 lectures · 1 h 4 min
- 1Dashboard Page7 min
- 2Improve Borders3 min
- 3Handling Errors3 min
- 4Fetching Data From Server7 min
- 5Client Vs Server Side Rendering6 min
- 6Client Side Rendering5 min
- 7Ui Libraries And Components6 min
- 8Sidebar Component7 min
- 9DashLayout Component5 min
- 10ProductCard Component8 min
- 11Improve UI and Images6 min
4Dynamic routes4 lectures · 16 min
- 1Dynamic Route Implementation5 min
- 2Fetching Single Product5 min
- 3Handling 404S3 min
- 4Product Details Component3 min
5Vercel and deployment3 lectures · 9 min
- 1Vercel2 min
- 2Deploy To Vercel5 min
- 3New Deployment3 min
6Exercise2 lectures · 10 min
- 1The Exercise1 min
- 2Solution8 min
7Next.js APIs6 lectures · 31 min
- 1Route Handlers2 min
- 2Proxy Route7 min
- 3Constructing URL7 min
- 4Using Fetch5 min
- 5Configure Axios To Use Proxy7 min
- 6Env Variables And Analytics3 min
8Add product3 lectures · 14 min
- 1Add Product Component5 min
- 2Saving To Db5 min
- 3Outro4 min
9Outro3 lectures · 1 min
- 1Outro1 min
- 2Feedback
- 3Next and Recommended Courses
Choose how you learn
Learn on your own, or with people who check your work
The course is yours to keep. The Academy is this course and every other one, plus the people who get you hired.
Building UIs with Next.js
The course, on your own
$99.97one payment
- 41 lectures, 2.9 h of video
- Subtitles on every video
- 6 months of IntelliJ IDEA Ultimate
- Lifetime access to the course and its updates
15-day money-back guarantee
The Academy
The courses, plus the people
$129/monthcancel anytime
This course, plus
- Every course on Amigoscode 50+ in the Zero to Hired Roadmap
- Daily live calls and 1:1 instructor time
- Code reviews and pair programming on what you build
- Interview prep mock interviews, System Design Lab, CV and LinkedIn review
- Land an interview in 90 days or we coach you 1:1 free until you do.
7-day money-back guarantee · Secure checkout on Skool
“Nelson was teaching 90% of my job. I was already implementing everything I learnt from it.”
“I was a totally different person. More confident as a developer, more prepared for my job.”
GabrielaSoftware Engineer at Mercado Livre“I studied biomedicine and psychology. I found Nelson's Java tutorials while looking for a course for my brother. I was hooked and now here I am, a software engineer at IKEA.”
NajmaSoftware Engineer at IKEAAbout this course
Who is this course for?
Level: Beginner.
How long will it take?
There are about 3 hours of video. Most people finish in a week at 5 hours a week, plus the time you spend building along.
Do I keep access?
Yes. You pay once and keep the course for life, including updates.
What if it isn't for me?
Email us within 15 days of buying and we'll refund you in full.
Should I buy the course or join the Academy?
Buy the course if you only want this topic and you learn well on your own. Join the Academy if you want to get hired or move up: you get every course on Amigoscode, this one included, plus daily live calls, code reviews and interview prep, for $129/month. The course is $99.97 once.