The description
Next.js by Example is the name of the Next.js training course with an example published by the UdemyAcademy.
Next.js, described as the “React Framework for Production”, makes it easy to build highly optimized web applications in React. This course will guide you in learning Next.js by developing two examples: a completely frozen website and a hybrid program (static + provided on the server side).
The first example, a personal blog website, will introduce you to core Next.js concepts such as pre-rendering, filesystem-based routing, and hydration. It will show you how to load data into pages that are statically generated at build timeand how to style your pages in global CSS files or with the styled-jsx library which provides component scope styles.
The Deployment section will walk you through all the options for running your application in production, from fully managed serverless platforms like Vercel to setting up your own Linux servers.
The second example you will develop is a store website. It will be a more complex application that loads its data from a Headless CMS (Strapi) and uses advanced Next.js features such as incremental static refresh to automatically reflect changes to backend data.
It will show you how to enable TypeScript support in a Next.js project if desired. Using TypeScript is optional; all but one of the videos use simple JavaScript. But you can find the complete TypeScript code for the sample store in a GitHub repository if you prefer TypeScript.
The website will use the popular Tailwind CSS library for styling and the following image component for image optimization.
You’ll see different ways to load data from an external API, including writing your own API routes in Next.js, and how to choose the best approach for your specific needs.
The sample will include a secure authentication system based on JWT and cookies, and the React Query library will be used for client-side data caching.
Full source code for all samples is provided, with an easy way to see the changes made to each course.
The course is up to date with the latest version of Next.js i.e. 12.
Who should attend ?
- React/Web developers who want to build static or hybrid (static + SSR) web apps with Next js
What you will learn in Next.js course for example :
- Develop web applications with Next.js
- Style components with styled-jsx or Tailwind CSS
- Build fully static websites or hybrid apps (static + SSR)
- Retrieve data from a remote API such as a Headless CMS
- Implement cookie-based JWT authentication
- Hiding data with React Query
Course details:
Editor: Udemy
Instructor: Mirko Nasato
French language
Level of training: beginner to advanced
Number of lessons: 99
Duration of the training: 8h 20m
Course content on 2022/12
Requirements
- Familiarity with modern web development: HTML, CSS, JavaScript, npm
- Familiarity with React, including useState and useEffect hooks
Pictures
Single video
Installation guide
After ripping, watch with your favorite player.
Subtitle: English
Quality: 720p
Changes:
The 2022/5 version has increased in number by 6 lessons and duration by 17 minutes compared to 2021/9.
The 2022/11 version has increased by 1 lesson and 1 minute duration compared to 2022/5.
Download links
File password(s): ngaur.com
File size
3.28 GB