Next.js: The Complete Beginner’s Guide

Focused View

David Sealey

2:50:25

41 View

1. Introduction

1. Course Introduction.mp4

03:10

2. What is Next.js and why use it.mp4

02:06

3.1 The Course Code on Github.html

3. Project Introduction.mp4

02:25

2. The Project

1.1 Node JS.html

1. Setting up your Next.js project.mp4

13:39

2. App Structure and Layout Part 1.mp4

06:32

3. App Structure and Layout Part 2.mp4

18:47

4. App Structure and Layout Part 3.mp4

05:13

5.1 Google Fonts.html

5.2 logo.zip

5. Images and Fonts.mp4

12:54

6. Routing.mp4

18:49

7.1 JSON Placeholder.html

7.2 JSON Placeholder posts.html

7. Data and Dynamic Pages Part 1.mp4

20:34

8.1 JSON Placeholder photos.html

8. Data and Dynamic Pages Part 2.mp4

11:43

9. Handling Errors.mp4

10:50

10. Adding Styles.mp4

28:32

11.1 Google Chrome Webstore - Extensions.html

11.2 Lighthouse Docs - Overview.html

11. Testing.mp4

04:37

12.1 Vercel.html

12.2 Vercel Docs - Getting Started.html

12. Deploying Your Work.mp4

05:40

3. Summary

1.1 Next.js Blog.html

1.2 Next.js Discord.html

1.3 Next.js Docs.html

1.4 Next.js Reddit.html

1.5 Next.js Twitter.html

1. Where To Go From Here.mp4

02:42

2.1 My Blog Application.html

2.2 My Code on Github.html

2. Summary.mp4

02:12

3. Bonus lecture.html

Description

Learn the fundamentals of NextJS 13 to build & deploy a blog app using server-side components, routing and dynamic data

What You'll Learn?

Be able to build a multi-page NextJS application
Understand static-site generation
Learn how to add routing to a NextJS application
Work with dynamic / external data sources
Be able to isolate and fix errors in your NextJS application
Learn how to deploy a NextJS application
Learn the differences between NextJS 12 and 13

Who is this for?

React developers looking to further their front-end development knowledge

UI developers looking to get to grips with NextJS

NextJS 12 developers looking to understand what's new in NextJS 13

What You Need to Know?

Basic knowledge of React is needed - React components, JSX, hooks etc

Basic understanding of HTML, CSS and JavaScript

More details

Description
If youâ€™re looking to learn all the core techniques of Next.js to get you up and running in building a fully-fledged web application then this Next.js class is for you!
With big changes having been introduced in NextJS 13, first, learn the core techniques used in Next.js before learning about the new features that have been added.
In this class, weâ€™ll be building a fully-featured blog. Youâ€™ll be using the fundamental features of Next.js that have made it one of the most popular web development frameworks in the world and work with all the brand-new features that have been introduced in NextJS 13.
The Next.js techniques used to build the class project will cover a wide range of concepts and approaches to ensure youâ€™ll go away with the confidence to be able to use Next.js in future projects of your own. Everything in this course will be fundamental in mastering the important aspects of building a NextJS application.
Iâ€™ll explain how I use Next.js to build functional and highly-performant applications that will enhance the all-around user experience.
This class will cover:
Setting up a Next.js project
App structure and organising layouts
Components and JSX
Static-site generation
Images and fonts
Routing
Accessing data
Adding styles / CSS modules
Error handling
Deployment
Changes that have been introduced in Next.js 13
Youâ€™ll be shown how to publish your work (for free!) using Vercel so I can give you some feedback and so other students can see your amazing work!
Even if youâ€™re new to NextJS, youâ€™ll find these simple and effective techniques easy to use and be able to apply everything you learn to your own future web projects.

Who this course is for:
React developers looking to further their front-end development knowledge
UI developers looking to get to grips with NextJS
NextJS 12 developers looking to understand what's new in NextJS 13

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm David. I am a senior front-end web developer from Norwich, England.I have had various roles within the digital marketing sector including SEO, digital advertising management, and user experience but it is my current role in web development where my passion truly lies.I enjoy sharing my enthusiasm with people like you and hope to reflect that in my Udemy courses.So why not discover one of my courses now and see what fantastic opportunities learning something new can bring you?Thank you!David

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.