Learning Next.js

Focused View

Sandy Ludosky

3:25:41

0 View

01 - Introduction

01 - Next.js A React framework by developers, for developers.mp4

00:45

02 - What you should know.mp4

02:20

03 - Exercise files.mp4

01:44

02 - 1. Getting Started and Discovering Next.js

01 - What is Next.js.mp4

02:04

02 - The benefits of using Next.js.mp4

02:31

03 - Setting up the development environment.mp4

05:55

04 - Creating the Blog project and exploring the app anatomy.mp4

04:53

03 - 2. Building Your Application with App Router

01 - Creating pages and layouts.mp4

06:46

02 - Creating a shared layout between pages.mp4

04:54

03 - Navigating between pages.mp4

02:57

04 - Challenge Add a route.mp4

02:10

05 - Solution Add a route.mp4

05:12

06 - Create a dynamic route.mp4

08:23

04 - 3. Styling Your Application CSS and Custom Fonts

01 - Adding global styles.mp4

04:29

02 - Using Tailwind CSS.mp4

05:02

03 - Using CSS modules for components.mp4

06:46

04 - Apply conditional styling with clsx.mp4

04:08

05 - Challenge Optimizing images and fonts.mp4

05:40

06 - Solution Optimizing images and fonts.mp4

06:59

05 - 4. Deploy and Connect to a Data Source

01 - Create a GitHub repository and push the project.mp4

04:28

02 - Creating a Vercel account.mp4

02:19

03 - Connect and deploy your project.mp4

03:37

04 - Challenge Write and push changes then redeploy.mp4

01:35

05 - Solution Write and push changes then redeploy.mp4

05:48

06 - Setting up a PostgreSQL database.mp4

06:06

06 - 5. Fetching Data

01 - Discovering the different ways of fetching data.mp4

02:00

02 - Seed the database and execute SQL queries.mp4

06:44

03 - Use SQL queries to fetch data.mp4

05:26

04 - Challenge Insert data to the database.mp4

03:37

05 - Solution Insert data to the database.mp4

05:50

07 - 6. Handling Errors, Pre-rendering, Caching, and Optimizing

01 - Static rendering vs. dynamic rendering.mp4

02:31

02 - Dynamic rendering without caching.mp4

03:59

03 - Enable streaming and partial rendering with a loading page.mp4

02:55

04 - Adding loading skeletons.mp4

03:27

05 - Handling errors with an error page error.tsx.mp4

02:24

06 - Challenge Handling 404 errors with notFound functions.mp4

01:52

07 - Solution Handling 404 errors with notFound functions.mp4

05:33

08 - 7. Adding Authentication

01 - Getting started with NextAuth.js.mp4

00:52

02 - Setting up NextAuth.js.mp4

03:19

03 - Creating the auth routes and components.mp4

04:27

04 - Adding the Google credentials provider.mp4

05:22

05 - Sign in with your Gmail account.mp4

05:49

06 - Challenge Authenticate and create posts.mp4

01:54

07 - Solution Authenticate and create posts.mp4

07:17

08 - Protecting pages and API routes.mp4

06:01

09 - 8. Generative AI Build a Chatbot with OpenAI

01 - Set up and configure a project.mp4

05:00

02 - Define requests to generate completion with the ChatCompletion API.mp4

06:28

03 - Writing blog posts with AI-generated content.mp4

04:57

10 - Conclusion

01 - Next steps.mp4

00:26

Description

Next.js is a React framework developed by developers for developers, to create high-quality, responsive web applications. With built-in tools and ready-to-use features, Next.js makes the development process painless and a breeze. In this course, web developer and trainer Sandy Ludosky teaches you how to leverage the Next.js framework to speed up and improve your workflow, whether you are a front- or back-end developer. Find out how to build and deploy a fully functional web application. Explore ways to leverage and improve the developer experience. Plus, go over practical examples and complete a course project to help you practice what you’ve learned. This course can help you get to the next level with Next.js.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Sandy Ludosky

Instructor's Courses

HelloI am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development. On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff. *****************************Bonjour,Je suis Sandy, développeur javascript. Je suis passionnée de développement Front (HTML, CSS, CSS3 Animation, Sass, Javascript et ReactJS...).Mes autres intérêts sont le graphisme et motion design. Je suis également passionnée de conception visuelle, montage vidéo, photographie et gaming.Venez rejoindre ma communauté de 20k+ apprenants. Je publie régulièrement pour enrichir mon catalogue de nouveaux contenus. Depuis 2014, je partage mes connaissances, aussi bien en français qu'en anglais, sur les technologies Front et javascript qui ne cessent d'évoluer et d'offrir de nouvelles fonctionnalités pour faciliter notre réussite dans ce beau métier du développement et de la transformation digitale.Salutations !

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.