Download Udemy – Next.js by Example 2024-3

Next.js by Example


Next.js by Example is the name of Next.js by Example training course published by Udemy Academy.

Described as a “React framework for production,” Next.js makes it easy to build highly optimized web applications in React. This course guides you through learning Next.js by developing two examples: a fully static website and a hybrid application (static + server-side rendering).

The first example, a personal blog website, introduces you to basic Next.js concepts such as pre-rendering, file system-based routing, and hydration. This section shows you how to load data into pages that are generated statically at build time, and how to style your pages in CSS files or with the styled-jsx library that provides component-scoped styles. Give it a style.

The Deployment section gives you all the options to run your application in production, from fully managed serverless platforms like Vercel to configuring your own Linux servers.

The second example you will develop is a store website. This 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 rebuilding to automatically reflect changes to the backend data.

Optionally, it shows you how to enable TypeScript support in a Next.js project. Use of TypeScript is optional. All but one of the videos use plain JavaScript. But if you prefer TypeScript, you’ll find the full TypeScript code for the store example in the GitHub repository. This website uses the popular Tailwind CSS library for styling and the Next 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. This example includes a secure authentication system based on JWT and cookies, and the React Query library will be used to store data on the client side.

Full source code is provided for all examples, with an easy way to see the changes made to each lecture. This course is updated with the latest version of Next.js i.e. 12.

Who is this course suitable for?

  • React/web developers who want to build static or hybrid (static + SSR) web applications with Next.js.

What you will learn in the Next.js by Example course

  • Develop web applications with Next.js.
  • Build style components with styled-jsx or Tailwind CSS.
  • Build fully static websites or hybrid apps (static + SSR).
  • Fetch data from a remote API such as a headless CMS.
  • Implement cookie-based JWT authentication.
  • Cache data with React Query

Course details

Publisher: Yudmi
teacher: Mirko Nasato
English language
Training level: introductory to advanced
Number of courses: 247
Training duration: 21 hours 32 minutes

Course headings

Course prerequisites

  • Familiarity with modern web development: HTML, CSS, JavaScript, npm
  • Familiarity with React, including the useState and useEffect hooks

Course images

Next.js by Example

Course introduction video

Installation guide

After Extract, view with your desired Player.

English subtitle

Quality: 720p


The version of 2022/11 has increased the number of 1 lesson and the duration of 1 minute compared to 2022/5.

The version of 2023/6 compared to 2022/11 has increased the number of 54 lessons and the duration of 4 hours and 26 minutes.

The 2023/7 version has increased the number of 33 lessons and the duration of 3 hours and 9 minutes compared to 2023/6.

The version of 2023/12 compared to 2023/7 has increased the number of 40 lessons and the duration of 3 hours and 52 minutes.

The version of 2024/3 compared to 2023/12 has increased the number of 21 lessons and the duration of 1 hour and 45 minutes.

download link

Download part 1 – 2 GB

Download part 2 – 2 GB

Download part 3 – 2 GB

Download part 4 – 2 GB

Download part 5 – 180 MB

File(s) password:


8.18 GB

4.2/5 – (5458 points)

Be the first to comment

Leave a Reply

Your email address will not be published.