Next.js by Example

seeders: 0
leechers: 0
Added 5 years ago by tutsnode in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

Next.js by Example (Size: 3.5 GB)
  0 0 B
  001 Adding New Pages.en.srt 5.9 KB
  001 Adding New Pages.mp4 18.3 MB
  001 Cart Items Collection.en.srt 10.6 KB
  001 Cart Items Collection.mp4 49.3 MB
  001 Deployment Options.en.srt 7.2 KB
  001 Deployment Options.mp4 13.6 MB
  001 Displaying Products.en.srt 6.9 KB
  001 Displaying Products.mp4 29.7 MB
  001 First Post Page.en.srt 4.7 KB
  001 First Post Page.mp4 18.3 MB
  001 Global Styles.en.srt 8.6 KB
  001 Global Styles.mp4 28.5 MB
  001 Next Blog_ Overview.en.srt 3.7 KB
  001 Next Blog_ Overview.mp4 7.4 MB
  001 Next Shop_ Overview.en.srt 3.6 KB
  001 Next Shop_ Overview.mp4 14.4 MB
  001 Product Card.en.srt 10.6 KB
  001 Product Card.mp4 44.5 MB
  001 Strapi Authentication.en.srt 10.8 KB
  001 Strapi Authentication.mp4 40.7 MB
  001 ThemeSwitch Component.en.srt 11.3 KB
  001 ThemeSwitch Component.mp4 45.4 MB
  1 141.2 KB
  001 Why React Query.en.srt 8 KB
  001 Why React Query.mp4 39.6 MB
  002 Cart Page.en.srt 4.4 KB
  002 Cart Page.mp4 18.9 MB
  002 Common Page Component.en.srt 9.4 KB
  002 Common Page Component.mp4 51.6 MB
  002 Component Styles with Styled JSX.en.srt 12.5 KB
  002 Component Styles with Styled JSX.mp4 42.9 MB
  002 Create Next App.en.srt 9.8 KB
  002 Create Next App.mp4 35 MB
  002 Dark Mode Styles.en.srt 9 KB
  002 Dark Mode Styles.mp4 33.7 MB
  002 Fetching Data Server-side.en.srt 8.2 KB
  002 Markdown Syntax.en.srt 4.1 KB
  002 Markdown Syntax.mp4 13.6 MB
  002 Next Link Component.en.srt 7.9 KB
  002 Required Tools.html 1.5 KB
  2 791.9 KB
  002 Fetching Data Server-side.mp4 35.4 MB
  002 Next Link Component.mp4 25.3 MB
  002 Responsive Grid.en.srt 8.3 KB
  002 Responsive Grid.mp4 37 MB
  002 Vercel Platform.en.srt 9.8 KB
  002 Vercel Platform.mp4 32.7 MB
  002 useQuery Hook.en.srt 16.7 KB
  002 useQuery Hook.mp4 96.6 MB
  003 Cart API Route.en.srt 6.8 KB
  003 Cart API Route.mp4 28.8 MB
  003 Exporting as a Static Website.en.srt 7.4 KB
  003 Exporting as a Static Website.mp4 27.5 MB
  003 Fetching Data Client-side.en.srt 11.6 KB
  003 Fetching Data Client-side.mp4 49.1 MB
  003 Images and Other Assets.en.srt 8.8 KB
  003 Images and Other Assets.mp4 30.6 MB
  3 165.1 KB
  003 DarkTheme Component.en.srt 8.9 KB
  003 DarkTheme Component.mp4 36.4 MB
  003 Next.js Project Setup.en.srt 12.6 KB
  003 Next.js Project Setup.mp4 33 MB
  003 Product Images.en.srt 4.7 KB
  003 Product Images.mp4 27.4 MB
  003 Shared NavBar Component.en.srt 8.6 KB
  003 Shared NavBar Component.mp4 30.1 MB
  003 Sign In Form.en.srt 11 KB
  003 Sign In Form.mp4 38.1 MB
  003 TypeScript Support.en.srt 13.5 KB
  003 TypeScript Support.mp4 48.7 MB
  003 getStaticProps Function.en.srt 7 KB
  003 getStaticProps Function.mp4 25.1 MB
  003 useUser Custom Hook.en.srt 5.5 KB
  003 useUser Custom Hook.mp4 35.4 MB
  004 Custom App Component.en.srt 9.5 KB
  004 Custom App Component.mp4 28.4 MB
  004 Fetching Cart Items.en.srt 3.4 KB
  004 Fetching Cart Items.mp4 12.7 MB
  004 Form State and Validation.en.srt 7.3 KB
  004 Form State and Validation.mp4 33.6 MB
  004 Hydration.en.srt 12.4 KB
  004 Hydration.mp4 45.9 MB
  004 Linux Server with Nginx.en.srt 7.1 KB
  004 Linux Server with Nginx.mp4 27.1 MB
  004 Next Image Component.en.srt 11.9 KB
  004 Next Image Component.mp4 75.2 MB
  004 Source Code.en.srt 7.4 KB
  004 Source Code.html 1.4 KB
  4 263.7 KB
  004 Incremental Static Regeneration.en.srt 16.2 KB
  004 Incremental Static Regeneration.mp4 64.7 MB
  004 Source Code.mp4 26.9 MB
  004 getStaticProps in Production Mode.en.srt 11.9 KB
  004 getStaticProps in Production Mode.mp4 48.3 MB
  004 useMutation Hook.en.srt 12.1 KB
  004 useMutation Hook.mp4 66.8 MB
  005 Displaying Cart Items.en.srt 9.9 KB
  005 Displaying Cart Items.mp4 40.2 MB
  005 Linux Server with Node.js.en.srt 9.5 KB
  005 Linux Server with Node.js.mp4 42.4 MB
  005 Next Head Component.en.srt 6.3 KB
  005 Next Head Component.mp4 23.2 MB
  5 89.1 KB
  005 Pre-rendering.en.srt 11.1 KB
  005 Pre-rendering.mp4 43.1 MB
  005 Reading a File.en.srt 6.6 KB
  005 Reading a File.mp4 27.4 MB
  005 Responsive Product Page.en.srt 9.5 KB
  005 Responsive Product Page.mp4 62.7 MB
  005 Saving Preferences to Local Storage.en.srt 10.8 KB
  005 Saving Preferences to Local Storage.mp4 42.6 MB
  005 Server-side Rendering.en.srt 8.4 KB
  005 Server-side Rendering.mp4 40.3 MB
  005 Sign In API Request.en.srt 7.7 KB
  005 Sign In API Request.mp4 39.3 MB
  005 Tailwind CSS Setup.en.srt 9.2 KB
  005 Tailwind CSS Setup.mp4 41.8 MB
  005 Updating the Query Cache.en.srt 7.5 KB
  005 Updating the Query Cache.mp4 45.9 MB
  006 API Routes.en.srt 10.7 KB
  006 API Routes.mp4 34.2 MB
  006 Development vs Production Server.en.srt 14.5 KB
  006 Error and Loading States.en.srt 12 KB
  006 Error and Loading States.mp4 62.9 MB
  6 346.8 KB
  006 Development vs Production Server.mp4 53.3 MB
  006 Feature Detection.en.srt 10.5 KB
  006 Feature Detection.mp4 42.7 MB
  006 Lib Module.en.srt 6.6 KB
  006 Lib Module.mp4 27.8 MB
  006 Utility-First CSS.en.srt 13.9 KB
  006 Utility-First CSS.mp4 48.2 MB
  006 useSignIn Custom Hook.en.srt 12 KB
  006 useSignIn Custom Hook.mp4 78.4 MB
  007 API Route with POST.en.srt 9.8 KB
  007 API Route with POST.mp4 36.3 MB
  007 Calling API Routes.en.srt 5.6 KB
  007 Calling API Routes.mp4 26.1 MB
  007 High-level Architecture.en.srt 12.4 KB
  007 High-level Architecture.mp4 25.8 MB
  007 Rendering Markdown.en.srt 11.2 KB
  007 Rendering Markdown.mp4 39.1 MB
  007 useSignOut Custom Hook.en.srt 8.6 KB
  007 useSignOut Custom Hook.mp4 54.9 MB
  008 Choosing a Data Fetching Strategy.en.srt 12.9 KB
  008 Front Matter.en.srt 8.6 KB
  8 325.4 KB
  008 Choosing a Data Fetching Strategy.mp4 41.2 MB
  008 Front Matter.mp4 32 MB
  008 Login API Route.en.srt 6.4 KB
  008 Login API Route.mp4 28.4 MB
  008 Strapi Headless CMS.en.srt 17.9 KB
  008 Strapi Headless CMS.mp4 56 MB
  009 Backend Setup.en.srt 7.2 KB
  009 Backend Setup.mp4 31.9 MB
  009 Dynamic Route and getStaticPaths.en.srt 13.7 KB
  009 Dynamic Route and getStaticPaths.mp4 60.7 MB
  009 Product Page Links.en.srt 5.1 KB
  009 Product Page Links.mp4 19.2 MB
  9 22.3 KB
  009 Setting a Cookie.en.srt 10 KB
  009 Setting a Cookie.mp4 43.6 MB
  010 Listing Files in a Folder.en.srt 8.3 KB
  010 Listing Files in a Folder.mp4 34.9 MB
  010 NavBar with Authentication.en.srt 7.8 KB
  010 NavBar with Authentication.mp4 44.1 MB
  010 Product Page.en.srt 9.8 KB
  010 Product Page.mp4 43.8 MB
  011 Listing Posts.en.srt 10.3 KB
  011 Listing Posts.mp4 40.9 MB
  011 Regenerating Product Pages.en.srt 8.3 KB
  011 Regenerating Product Pages.mp4 45.9 MB
  011 User API Route.en.srt 10.3 KB
  011 User API Route.mp4 46.9 MB
  012 Dynamic Routes in Production Mode.en.srt 5.9 KB
  012 Dynamic Routes in Production Mode.mp4 27.3 MB
  012 Fallback_ Blocking.en.srt 8.9 KB
  012 Fallback_ Blocking.mp4 44.3 MB
  012 Loading User Data.en.srt 10.1 KB
  012 Loading User Data.mp4 61 MB
  013 Fallback and Page Not Found.en.srt 10.1 KB
  013 Fallback and Page Not Found.mp4 50.8 MB
  013 Signing Out.en.srt 8.2 KB
  013 Signing Out.mp4 47.4 MB
  014 Shared fetchJson function.en.srt 7 KB
  014 Shared fetchJson function.mp4 32.1 MB
  015 Custom Error Class.en.srt 6.6 KB
  015 Custom Error Class.mp4 30.6 MB
  016 Environment Variables.en.srt 9.7 KB
  016 Environment Variables.mp4 45.4 MB
  046 next-shop-backend.zip 1.8 MB
  TutsNode.com.txt 102.4 B
  [TGx]Downloaded from torrentgalaxy.to .txt 614.4 B
  external-assets-links.txt 307.2 B
  10 61.7 KB
  11 759.8 KB
  12 447.7 KB
  13 233.6 KB
  14 673.1 KB
  15 935.6 KB
  16 304.4 KB
  17 722 KB
  18 824.7 KB
  19 644.3 KB
  20 55.4 KB
  21 82.8 KB
  22 100.5 KB
  23 105.4 KB
  24 594.9 KB
  25 625 KB
  26 533 KB
  27 713.4 KB
  28 889.2 KB
  29 226.1 KB
  30 432.8 KB
  31 925.1 KB
  32 69.2 KB
  33 274.9 KB
  34 454.7 KB
  35 660.8 KB
  36 225.9 KB
  37 846.3 KB
  38 109.6 KB
  39 335.4 KB
  40 671.2 KB
  41 853.9 KB
  42 397.3 KB
  43 723.8 KB
  44 875.5 KB
  45 881.4 KB
  46 974.3 KB
  47 630.3 KB
  48 669.8 KB
  49 582.6 KB
  50 595.1 KB
  51 994.4 KB
  52 87.6 KB
  53 864.9 KB
  54 338.2 KB
  55 438.2 KB
  56 38.2 KB
  57 328.2 KB
  58 913.5 KB
  59 976.2 KB
  60 118.9 KB
  61 364.1 KB
  62 415.9 KB
  63 916.7 KB
  64 325.7 KB
  65 212.8 KB
  66 495.9 KB
  67 585.8 KB
  68 622.5 KB
  69 181.9 KB
  70 479.8 KB
  71 571.8 KB
  72 652.1 KB
  73 755.9 KB
  74 958.8 KB
  75 137.4 KB
  76 941.7 KB
  77 241.2 KB
  78 703.4 KB
  79 899.9 KB
  80 841.3 KB
  81 777.6 KB
  82 67.1 KB
  83 683.9 KB
  84 720.2 KB
  85 622.2 KB
  86 409.4 KB
  87 428.1 KB
  88 262.5 KB
  89 659.5 KB
  ▲ 278 total files

Description


Description

Described as “The React Framework for Production”, Next.js makes it easy to build highly optimized web applications in React.

This course will guide you through learning Next.js by developing two examples: a fully static website, and a hybrid (static + server-side rendered) app.

The first example, a personal blog website, will introduce you to fundamental Next.js concepts such as pre-rendering, file-system based routing, and hydration.

It will show you how to load data in pages that are statically generated at build time, and how to style your pages in global CSS files or with the styled-jsx library that provides component-scoped styles.

The Deployment section will present you all the options for running 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 shop 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 Regeneration to automatically reflect changes in the backend data.

It will show you how to enable TypeScript support in a Next.js project if you wish to do so. Using TypeScript is optional; all but one of the videos use plain JavaScript. But you will find the full TypeScript code for the shop example 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 will 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 requirements.

The example will include a secure authentication system based on JWT and cookies, and the React Query library will be used for caching data on the client side.

The full source code for all examples is provided, with an easy way to see the changes made in every lecture.

The course is up to date with the latest Next.js version i.e. 11.
Who this course is for:

React/Web developers who want to build static or hybrid (static + SSR) web apps with Next·js

Requirements

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

Last Updated 8/2021

Related Torrents

torrent name size uploader age seed leech
5
1
2
2
9