Description
Next.js by Example is the name of the Next.js training with an example published by the UdemyAcademy.
Next.js, described as the “React Framework for Production,” makes it easy to create highly optimized web applications in React. This course will guide you in learning Next.js by developing two examples: a fully fixed website and a hybrid program (static + provided server-side).
The first example, a personal blog website, will introduce you to fundamental 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-wide styles.
The Deployment section will show you 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. This will be a more complex application that will load its data from a headless CMS (Strapi) and use advanced Next.js features such as incremental static regeneration to automatically reflect changes to the backend data.
It will show you how to enable TypeScript support in a Next.js project if you want. Using TypeScript is optional; all but one of the videos use simple JavaScript. But you’ll find the full 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 next image component for image optimization.
You’ll learn 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 example will include a secure authentication system based on JWT and cookies, and the React Query library will be used to cache data on the client side.
Full source code for all examples 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 create static or hybrid (static + SSR) web applications with Next js
What will you learn in Next.js example course ,
- Develop web applications with Next.js
- Styling components with styled-jsx or Tailwind CSS
- Create fully static websites or hybrid apps (static + SSR)
- Retrieve data from a remote API such as a Headless CMS
- Implement cookie-based JWT authentication
- Cache data with React Query
Course details:
Editor: Udemy
Instructor: Mirko Nasato
French language
Training level: introduction to advanced
Number of courses: 247
Training duration: 21h 32min
Course content
Requirements
- Familiarity with modern web development: HTML, CSS, JavaScript, npm
- Familiarity with React, including useState and useEffect hooks
Pictures
simple video
installation guide
After ripping, view with your favorite player.
Subtitle: English
Quality: 720p
Changes:
Version 2022/11 has increased the number of 1 lessons and the duration by 1 minutes compared to 2022/5.
Version 2023/6 compared to 2022/11 increased the number of 54 lessons and the duration of 4 hours and 26 minutes.
Version 2023/7 compared to 2023/6 increased the number of 33 lessons and the duration of 3 hours and 9 minutes.
Version 2023/12 compared to 2023/7 increased the number of 40 lessons and the duration of 3 hours and 52 minutes.
Version 2024/3 compared to 2023/12 increased the number of 21 lessons and the duration by 1 hour and 45 minutes.
Download links
free download software
File size
8.18 GB