Next.js for Beginners: Learn the fundamentals of Next.js
Learn the fundamentals of Next.js in less than 60 minutes
Development,Web Development,Next JS
Lectures -16
Duration -56 mins
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Learn Next.js framework the easy way. This course will stick to the fundamentals, and guide you through the creation of your first Next.js app.
When many newbies hear about Next.js and SSR - SSG - ISR - Code splitting ... they think It is quite complicated, while It is the complete opposite. Next.js provides dozens of features that make our coding experience way easier and faster, It is a framework for React that is even easier than React itself.
In this course, We will stick to the basics and simplify the features of Next.js.
Some of the topics covered include:
- What is Nex.js and why using It anyway while there is React.js?
- Creating pages
- Routing
- 404 Page & Redirecting
- Components in Next.js
- Link Component
- CSS / Styling
- Image Component
- Head Component
- Data Fetching - getStaticProps() / getStaticPaths()
- Deployment
- ISR - Incremental Static Regenration
In addition to the above I’ve also included two bonus videos on React rendering, and updates. If you have ever wanted to learn a bit about how React works under the hood these are for you.
Course Requirements:
- JavaScript, HTML, and CSS fundamentals are required.
- React.js is benefical.
- Not required, but experience with JavaScript ES6+ is beneficial.
Goals
What will you learn in this course:
- Learning the fundamentals of Next.js
Prerequisites
What are the prerequisites for this course?
- Javascript
- React
- ES6
Curriculum
Check out the detailed breakdown of what’s inside the course
The fundamentals of Next.js
16 Lectures
- What is Nextjs 04:14 04:14
- Setting up the work environment 01:28 01:28
- Creating Next.js application 04:51 04:51
- Creating a Page / Route 03:57 03:57
- Creating 404 page and handle redirection 04:11 04:11
- Creating Links 02:04 02:04
- Components 01:49 01:49
- Wrapping the app / Layout 03:59 03:59
- Styling 06:30 06:30
- Images 03:50 03:50
- The Head Component 01:59 01:59
- Data Fetching - getStaticProps( ) 02:45 02:45
- Data Fetching - getStaticPaths( ) 06:40 06:40
- Deployment 04:23 04:23
- Incremental Static Regenration 02:51 02:51
- Congratulations 00:45 00:45
Instructor Details
atlas coding
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now