Next.js in 4 Hours
Published by Pearson
Create great web applications and learn real-world Next.js skills with hands-on demos
- Learn Next.js from the ground up
- Explore Next.js techniques and trade-offs
- Learn through real-world demos so you can understand the details and see the big picture
Next.js builds on the success of React.js and takes it to the next level, helping you to create high-performance web applications that look great and run efficiently. Learn the Next.js essentials, while also getting step-by-step training for using Next.js in real-world examples so you can see how it works and how to get the most out of the features available. Author and trainer Andy Olsen provides plenty of hands-on demos throughout the course to provide context and clarity.
What you’ll learn and how you can apply it
- Create Next.js applications from scratch and understand what’s really going on
- Consume REST APIs
- Implement caching and styling
- Start making informed decisions about authentication and deployment options
This live event is for you because...
- You are a web developer, and you want to learn how to incorporate Next.js into your work
- You’ve heard the buzz around Next.js and you want to find out more
Prerequisites
- Modern JavaScript techniques
- React awareness would be beneficial, but not essential
Course Set-up
- Download Node.js from https://nodejs.org/
- Install any text editor (e.g., Visual Studio Code)
Recommended Preparation
- Watch: Learn to Program with JavaScript by Shaun Wassell
Recommended Follow-up
Schedule
The time frames are only estimates and may vary according to how the class is progressing.
Segment 1: Next.js Essentials (30 minutes)
- What is Next.js?
- Next.js vs. React.js
- Creating and running a Next.js application
- Understanding the application structure
- Q&A
Break (5 minutes)
Segment 2: Understanding Routing in Next.js (50 minutes)
- Defining routes
- Creating pages and layouts
- Defining and navigating links
- Dynamic routes
- Additional routing techniques
- Q&A
Break (5 minutes)
Segment 3: Consuming REST APIs (40 minutes)
- Fetching and updating data from a REST API
- Caching and validation
- Server-side actions
- Techniques and best practices
- Q&A
Break (5 minutes)
Segment 4: Understanding Rendering in Next.js (45 minutes)
- Server components
- Client components
- Defining and consuming libraries
- Using Node.js vs. Edge at the server
- Q&A
Break (5 minutes)
Segment 5: Additional Techniques (45 minutes)
- Caching content
- Styling the UI
- Authentication strategies
- Deployment strategies
- Q&A
Course Q&A (10 minutes)
Your Instructor
Andy Olsen
Andy Olsen is a freelance consultant, instructor, and developer with more than 30 years of experience in IT. Andy began his professional career as a C/C++ developer and has also worked in Rust, Go, and other languages as the years passed. Andy is actively involved in a wide range of technologies including full-stack development, cloud native applications, data science, and more. Andy is passionate about technology education and runs training courses around the world across diverse market sectors.