React 18 with Next.js Playbook from Pluralsight

In this course, you'll efficiently learn how to build React apps with Next.js - one of the most popular React Frameworks. This course will teach you the core Next.js and React concepts you need to know to build Next.js applications from scratch.

Next.js. is one of the most popular Frameworks for building React Apps due to its structured and opinionated approach which simplifies otherwise difficult tasks like server-side rendering. This course will use an example-based approach to efficiently teach the core concepts of both React (optional, if you already know it) and Next.js. In this course, React 18 with Next.js Playbook, you’ll learn to build and deploy React applications with Next.js. First, you’ll explore the basics of JSX and creating components with React. Next, you’ll discover how to build a full application with Next.js including creating a project from scratch, page-based routing, server-side rendering, and using the built-in Next.js API support. Finally, you’ll learn how to deploy Next.js applications to production. When you’re finished with this course, you’ll have the skills and knowledge of Next.js needed to build complete React applications with Next.js.

What's inside

Syllabus

Course Overview

Introduction and React Primer for Next.js

Getting Started with Next.js

Styling Components and Displaying Images with Next.js

Page-based Routing with Next.js

Server-side Rendering with Next.js

Deploying Next.js Applications

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Introduces React 18 and its features, which are highly relevant in industry

Instructed by Jim Cooper, who has experience in React and Next.js

Emphasizes page-based routing and server-side rendering, which are essential concepts in React

Covers core Next.js concepts, such as JSX and components

Provides hands-on practice through example-based approach

Requires students to be familiar with React, which may be a barrier for beginners

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React 18 with Next.js Playbook with these activities:

Review basic JavaScript concepts

Show steps

Next.js builds on JavaScript, so refreshing your JavaScript skills will enhance your learning experience.

Show steps

Review documentation or tutorials on JavaScript fundamentals
Practice writing simple JavaScript code snippets

Organize course materials

Show steps

Organizing course materials will make them easier to review and reference throughout the course.

Show steps

Gather all course notes, assignments, and resources
Create a system for organizing and storing the materials
Review the materials regularly to reinforce your understanding

Review Next.js tutorials

Show steps

Guided tutorials can introduce you to Next.js core concepts, best practices, and general usage.

Show steps

Find a Next.js tutorial series
Watch or read the tutorials
Take notes or summarize key points

Three other activities

Expand to see all activities and additional details

Show all six activities

Join a Next.js study group

Show steps

Peer study groups provide a collaborative environment to discuss concepts, troubleshoot issues, and share knowledge.

Show steps

Find or create a study group focused on Next.js
Meet regularly to discuss course concepts and work on projects together
Share knowledge, resources, and tips with group members

Build two sample Next.js apps

Show steps

Building sample apps will provide hands-on experience and solidify your understanding of Next.js.

Show steps

Choose two different app ideas
Create a new Next.js project for each app
Implement the necessary features and functionality
Deploy the apps and test their functionality

Contribute to a Next.js open-source project

Show steps

Contributing to open-source projects can deepen your understanding of Next.js, enhance your coding skills, and network with the community.

Browse courses on Open Source

Show steps

Find an open-source Next.js project that aligns with your interests
Review the project's documentation and contribution guidelines
Identify an issue or feature you can contribute to
Fork the project, make your changes, and submit a pull request

Career center

Learners who complete React 18 with Next.js Playbook will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front End Developers are primarily responsible for the design and development of a website's user interface (UI). They implement User Experience (UX) designs to ensure an aesthetically pleasing and functional product is built. React 18 with Next.js Playbook will help build a strong foundation for designing and developing with React. This course will also help strengthen skills in styling and displaying images with Next.js.

See salaries and explore the career path for Front-End Developer

Software Engineer

Software Engineers have a wide range of duties including designing, developing, testing, and maintaining software systems. React 18 with Next.js Playbook may be useful for Software Engineers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Software Engineer

Full-Stack Developer

Full Stack Developers work on both the client and server sides of a web application. They are responsible for the entire development process, from design and development to deployment and maintenance. React 18 with Next.js Playbook may be useful for Full Stack Developers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Full-Stack Developer

Web Developer

Web Developers use their skills in programming languages to create and manage websites and web applications. React 18 with Next.js Playbook may be useful for Web Developers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Web Developer

UI Designer

UI Designers are responsible for the visual design of a website or application. They work to ensure that the user interface is both aesthetically pleasing and easy to use. React 18 with Next.js Playbook may be useful for UI Designers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for UI Designer

Product Manager

Product Managers work with designers, engineers, and marketers to build and launch new products. They also own the roadmap for existing products and work with customers to gather feedback and improve products over time. React 18 with Next.js Playbook may be useful for Product Managers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Product Manager

UX Designer

UX Designers are responsible for the user experience of a website or application. They work to ensure that the user interface is both aesthetically pleasing and easy to use. React 18 with Next.js Playbook may be useful for UX Designers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for UX Designer

Interaction Designer

Interaction Designers create the visual and interactive elements of a website or application. They work closely with UX Designers to ensure that the user interface is both aesthetically pleasing and easy to use. React 18 with Next.js Playbook may be useful for Interaction Designers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Interaction Designer

Project Manager

Project Managers are responsible for planning, executing, and closing projects. They work with stakeholders to define project goals, develop project plans, and track progress. React 18 with Next.js Playbook may be useful for Project Managers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Project Manager

Business Analyst

Business Analysts work with clients to gather requirements and develop solutions for business problems. They may also be involved in designing and developing software systems. React 18 with Next.js Playbook may be useful for Business Analysts interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Business Analyst

Technical Writer

Technical Writers create documentation for software and hardware products. They work with engineers and product managers to gather information and write clear and concise documentation. React 18 with Next.js Playbook may be useful for Technical Writers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Technical Writer

Machine Learning Engineer

Machine Learning Engineers use their skills in machine learning and artificial intelligence to develop and deploy machine learning models. They may also be involved in developing software systems. React 18 with Next.js Playbook may be useful for Machine Learning Engineers interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Machine Learning Engineer

Software Architect

Software Architects design and develop software systems. They work with stakeholders to define system requirements and develop system architectures. React 18 with Next.js Playbook may be useful for Software Architects interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Software Architect

Data Scientist

Data Scientists use their skills in statistics, machine learning, and data analysis to solve business problems. They may also be involved in developing software systems. React 18 with Next.js Playbook may be useful for Data Scientists interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Data Scientist

Data Analyst

Data Analysts use their skills in statistics and data analysis to solve business problems. They may also be involved in developing software systems. React 18 with Next.js Playbook may be useful for Data Analysts interested in building and deploying React applications with Next.js.

See salaries and explore the career path for Data Analyst