Learn how to build and deploy a full-stack application from scratch using the Next.js React Framework in this comprehensive 4-5 hour course. Explore key concepts such as server-side rendering, project structure, and data fetching. Create pages and components, implement UI design with CSS, and utilize API routing. By the end of the course, deploy your application on Vercel and set up automatic deployment with GitHub integration. Gain practical experience with Next.js features that streamline app development, and receive suggestions for further improvements to enhance your newly created application.
Overview
Syllabus
⌨️ Intro: Showcase App
⌨️ Summary of the content of the video
⌨️ Prerequisites for this video.
⌨️ What is Next.js
⌨️ Main Feature: Server-Side Rendering
⌨️ Create a new Next.js Project
⌨️ Analyse the Final App we are going to build
⌨️ Next.js Files Structure
⌨️ Next.js Pages & Build the pages
⌨️ Data Fetching
⌨️ Build the Components - UI user Interface
⌨️ Add CSS - Styles
⌨️ API Routing in Next.js
⌨️ Deploy the APP in Vercel
⌨️ Suggestions to improve the App
Taught by
freeCodeCamp.org
Related Courses
Related articles
-
900 Free Computer Science Courses from World’s Top 50 Universities
-
150+ Stanford On-Campus Computer Science Courses Available Online
-
5 Best Free Web Development Courses for 2024: Over 900 Hours of Learning
-
100+ Free Courses to Learn JavaScript, React, Node
-
15 Best React Courses for 2024: Hooks and Components
Reviews
5.0 rating, based on 1 Class Central review
-
Shahzad Munir"I recently completed the 'Next.js Web Development' course on [Platform Name] with [Instructor Name]. The course covered a comprehensive range of Next.js topics and provided hands-on exercises to reinforce learning. The teaching style was engaging, and the additional resources were valuable. I found the course suitable for my intermediate level. It significantly improved my understanding of Next.js. I would highly recommend this course to anyone looking to master Next.js. I would rate it 9/10.
