Next.js by Example

seeders: 12
leechers: 12
updated:
Added by tutsnode in Other > Tutorials

Download Fast Safe Anonymous
movies, software, shows...
  • Downloads: 54
  • Language: English

Files

Next.js by Example [TutsNode.com] - Next.js by Example 11 React Query
  • 002 useQuery Hook.mp4 (96.6 MB)
  • 002 useQuery Hook.en.srt (16.7 KB)
  • 004 useMutation Hook.en.srt (12.1 KB)
  • 006 useSignIn Custom Hook.en.srt (12.0 KB)
  • 006 useSignIn Custom Hook.mp4 (78.4 MB)
  • 007 useSignOut Custom Hook.en.srt (8.6 KB)
  • 001 Why React Query.en.srt (8.0 KB)
  • 005 Updating the Query Cache.en.srt (7.5 KB)
  • 003 useUser Custom Hook.en.srt (5.5 KB)
  • 004 useMutation Hook.mp4 (66.8 MB)
  • 007 useSignOut Custom Hook.mp4 (54.9 MB)
  • 005 Updating the Query Cache.mp4 (45.9 MB)
  • 001 Why React Query.mp4 (39.6 MB)
  • 003 useUser Custom Hook.mp4 (35.4 MB)
07 Next Shop_ Setup
  • 008 Strapi Headless CMS.en.srt (17.9 KB)
  • 006 Utility-First CSS.en.srt (13.9 KB)
  • 003 TypeScript Support.en.srt (13.5 KB)
  • 007 High-level Architecture.en.srt (12.4 KB)
  • external-assets-links.txt (0.1 KB)
  • 002 Create Next App.en.srt (9.8 KB)
  • 005 Tailwind CSS Setup.en.srt (9.2 KB)
  • 009 Backend Setup.en.srt (7.2 KB)
  • 004 Source Code.html (1.4 KB)
  • 001 Next Shop_ Overview.en.srt (3.6 KB)
  • 008 Strapi Headless CMS.mp4 (56.0 MB)
  • 003 TypeScript Support.mp4 (48.7 MB)
  • 006 Utility-First CSS.mp4 (48.2 MB)
  • 005 Tailwind CSS Setup.mp4 (41.8 MB)
  • 002 Create Next App.mp4 (35.0 MB)
  • 009 Backend Setup.mp4 (31.9 MB)
  • 007 High-level Architecture.mp4 (25.8 MB)
  • 001 Next Shop_ Overview.mp4 (14.4 MB)
  • 046 next-shop-backend.zip (1.8 MB)
01 Getting Started
  • 002 Required Tools.html (1.5 KB)
  • 006 Development vs Production Server.en.srt (14.5 KB)
  • 003 Next.js Project Setup.en.srt (12.6 KB)
  • external-assets-links.txt (0.1 KB)
  • 005 Pre-rendering.en.srt (11.1 KB)
  • 004 Source Code.en.srt (7.4 KB)
  • 001 Next Blog_ Overview.en.srt (3.7 KB)
  • 006 Development vs Production Server.mp4 (53.3 MB)
  • 005 Pre-rendering.mp4 (43.1 MB)
  • 003 Next.js Project Setup.mp4 (33.0 MB)
  • 004 Source Code.mp4 (26.9 MB)
  • 001 Next Blog_ Overview.mp4 (7.4 MB)
08 Data Fetching
  • 004 Incremental Static Regeneration.en.srt (16.2 KB)
  • 008 Choosing a Data Fetching Strategy.en.srt (12.9 KB)
  • 003 Fetching Data Client-side.en.srt (11.6 KB)
  • 006 API Routes.en.srt (10.7 KB)
  • 013 Fallback and Page Not Found.en.srt (10.1 KB)
  • external-assets-links.txt (0.1 KB)
  • 010 Product Page.en.srt (9.8 KB)
  • 016 Environment Variables.en.srt (9.7 KB)
  • 012 Fallback_ Blocking.en.srt (8.9 KB)
  • 005 Server-side Rendering.en.srt (8.4 KB)
  • 011 Regenerating Product Pages.en.srt (8.3 KB)
  • 002 Fetching Data Server-side.en.srt (8.2 KB)
  • 014 Shared fetchJson function.en.srt (7.0 KB)
  • 001 Displaying Products.en.srt (6.9 KB)
  • 015 Custom Error Class.en.srt (6.6 KB)
  • 007 Calling API Routes.en.srt (5.6 KB)
  • 009 Product Page Links.en.srt (5.1 KB)
  • 004 Incremental Static Regeneration.mp4 (64.7 MB)
  • 013 Fallback and Page Not Found.mp4 (50.8 MB)
  • 003 Fetching Data Client-side.mp4 (49.1 MB)
  • 011 Regenerating Product Pages.mp4 (45.9 MB)
  • 016 Environment Variables.mp4 (45.4 MB)
  • 012 Fallback_ Blocking.mp4 (44.3 MB)
  • 010 Product Page.mp4 (43.8 MB)
  • 008 Choosing a Data Fetching Strategy.mp4 (41.2 MB)
  • 005 Server-side Rendering.mp4 (40.3 MB)
  • 002 Fetching Data Server-side.mp4 (35.4 MB)
  • 006 API Routes.mp4 (34.2 MB)
  • 014 Shared fetchJson function.mp4 (32.1 MB)
  • 015 Custom Error Class.mp4 (30.6 MB)
  • 001 Displaying Products.mp4 (29.7 MB)
  • 007 Calling API Routes.mp4 (26.1 MB)
  • 009 Product Page Links.mp4 (19.2 MB)
04 Loading Data
  • 009 Dynamic Route and getStaticPaths.en.srt (13.7 KB)
  • 004 getStaticProps in Production Mode.en.srt (11.9 KB)
  • 007 Rendering Markdown.en.srt (11.2 KB)
  • 011 Listing Posts.en.srt (10.3 KB)
  • 008 Front Matter.en.srt (8.6 KB)
  • 010 Listing Files in a Folder.en.srt (8.3 KB)
  • 003 getStaticProps Function.en.srt (7.0 KB)
  • 006 Lib Module.en.srt (6.6 KB)
  • 005 Reading a File.en.srt (6.6 KB)
  • 012 Dynamic Routes in Production Mode.en.srt (5.9 KB)
  • 001 First Post Page.en.srt (4.7 KB)
  • 002 Markdown Syntax.en.srt (4.1 KB)
  • 009 Dynamic Route and getStaticPaths.mp4 (60.7 MB)
  • 004 getStaticProps in Production Mode.mp4 (48.3 MB)
  • 011 Listing Posts.mp4 (40.9 MB)
  • 007 Rendering Markdown.mp4 (39.1 MB)
  • 010 Listing Files in a Folder.mp4 (34.9 MB)
  • 008 Front Matter.mp4 (32.0 MB)
  • 006 Lib Module.mp4 (27.8 MB)
  • 005 Reading a File.mp4 (27.4 MB)
  • 012 Dynamic Routes in Production Mode.mp4 (27.3 MB)
  • 003 getStaticProps Function.mp4 (25.1 MB)
  • 001 First Post Page.mp4 (18.3 MB)
  • 002 Markdown Syntax.mp4 (13.6 MB)
03 Styling
  • 002 Component Styles with Styled JSX.en.srt (12.5 KB)
  • 003 Images and Other Assets.en.srt (8.8 KB)
  • 001 Global Styles.en.srt (8.6 KB)
  • 002 Component Styles with Styled JSX.mp4 (42.9 MB)
  • 003 Images and Other Assets.mp4 (30.6 MB)
  • 001 Global Styles.mp4 (28.5 MB)
05 Client-side Functionality
  • 004 Hydration.en.srt (12.4 KB)
  • 001 ThemeSwitch Component.en.srt (11.3 KB)
  • 005 Saving Preferences to Local Storage.en.srt (10.8 KB)
  • 006 Feature Detection.en.srt (10.5 KB)
  • 002 Dark Mode Styles.en.srt (9.0 KB)
  • 003 DarkTheme Component.en.srt (8.9 KB)
  • <

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



Download torrent
3.5 GB
seeders:12
leechers:12
Next.js by Example


Trackers

tracker name
udp://inferno.demonoid.pw:3391/announce
udp://tracker.openbittorrent.com:80/announce
udp://tracker.opentrackr.org:1337/announce
udp://torrent.gresille.org:80/announce
udp://glotorrents.pw:6969/announce
udp://tracker.leechers-paradise.org:6969/announce
udp://tracker.pirateparty.gr:6969/announce
udp://tracker.coppersurfer.tk:6969/announce
udp://ipv4.tracker.harry.lu:80/announce
udp://9.rarbg.to:2710/announce
udp://shadowshq.yi.org:6969/announce
udp://tracker.zer0day.to:1337/announce
µTorrent compatible trackers list

Download torrent
3.5 GB
seeders:12
leechers:12
Next.js by Example


Torrent hash: 5B11E957FF2D65DD7FB65F703E291E01211582F8