wm5gMKuwSYk

javascript-mastery 1 year ago

javascript development #Web Development

Next.js 13 Full Course | Build and Deploy a Full Stack App

Next.js recently became the official React framework as outlined in React docs.

In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem.

Finally, you'll put your skills to the test by building a modern full-stack Next 13 application.

00:00:00 | Intro

00:03:33 | The Benefits of Next.js

00:12:54 | File & Folder Structure

00:18:39 | Server & Client Components

00:23:22 | Routing & Special Next.js Files

00:31:21 | Data Fetching (SSR, SSG, ISR)

00:34:26 | Next.js API Endpoints

00:40:48 | SEO & Metadata

00:42:48 | Promptopia Project Demo

00:44:31 | Project Setup

00:53:22 | Home page

01:50:17 | Create page

02:14:41 | Feed page

02:32:28 | Profile page

02:48:17 | Next.js API Routes

03:06:39 | Special Assignment!

03:12:17 | Deployment

03:23:06 | Share Your Work

JavaScript Mastery

510K subscribers

nextjs

Facebook

Twitter

ffJ38dBzrlY build-a-saas-ai-platform-with-nextjs-react-and-tailwind Build a SaaS AI Platform with Next.js, React and Tailwind In this video, we dive deep into crafting a state-of-the-art AI SaaS Platform with five AI tools. Powered by the Next.js 13 App Router, our platform will not only be efficient but also user-centric.

# Web Development

Build a SaaS AI Platform with Next.js, React and Tailwind

Code With Antonio 1 year ago

ZbX4Ok9YX94 fullstack-discord-clone-nextjs-13-react-socketio-prisma Fullstack Discord Clone | Next.js | React | Socket.io | Prisma In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, channels, video calls, audio calls, editing and deleting messages as well as member roles.

# Web Development

Fullstack Discord Clone | Next.js | React | Socket.io | Prisma

Code With Antonio 1 year ago

PjYWpd7xkaM build-an-ai-companion-saas-with-react-stripe-prisma-mysql-tailwind Build an AI Companion SaaS | Next.js | React | Stripe | Prisma In this comprehensive tutorial, we'll explore the intricate details of building an advanced SaaS AI Companion using Next.js 13.

# Web Development

Build an AI Companion SaaS | Next.js | React | Stripe | Prisma

Code With Antonio 1 year ago

ETV17M4SauU nextjs-and-appwrite-full-stack-course-for-beginners Next.js and Appwrite | Full Stack Course for Beginners Learn Next.js by building a custom API with MongoDB using the latest app router.

# Web Development

Next.js and Appwrite | Full Stack Course for Beginners

freeCodeCamp.org 1 year ago

# Web Development

Build a SaaS AI Platform with Next.js, React and Tailwind

Code With Antonio 1 year ago

5miHyP6lExg full-stack-e-commerce-cms-with-prisma-nextjs-react-tailwind Full Stack E-Commerce CMS with Prisma, Next.js, React, Tailwind In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework.

# Web Development

Full Stack E-Commerce CMS with Prisma, Next.js, React, Tailwind

Code With Antonio 1 year ago

pUNSHPyVryU build-a-modern-nextjs-13-application-with-react Build a Modern Next.js 13 Application with React The demand for Next.js 13 applications peaked! Now is the perfect time to build a state-of-the-art modern application that utilizes all of the latest and greatest of what Next 13 has to offer, leveraging features such as server-side rendering and the app router.

# Web Development

Build a Modern Next.js 13 Application with React

JavaScript Mastery 1 year ago

2aeMRB8LL4o full-stack-spotify-clone-with-nextjs-react-stripe-and-tailwind Full Stack Spotify Clone with Nextjs, React, Stripe and Tailwind In this comprehensive tutorial, you'll learn how to develop a complete music streaming application from scratch, replicating the popular features and functionalities of Spotify.

# Web Development

Full Stack Spotify Clone with Nextjs, React, Stripe and Tailwind

Code With Antonio 1 year ago

PGPGcKBpAk8 real-time-messenger-clone-prisma-nextjs-react-tailwind Real-Time Messenger Clone: Prisma, Next.js, React, Tailwind Master the art of building a real-time Messenger clone using the latest web development technologies. In this comprehensive tutorial, we'll walk you through the process of creating a fully-functional and visually stunning chat application that rivals the best in the industry.

# Web Development

Real-Time Messenger Clone: Prisma, Next.js, React, Tailwind

Code With Antonio 1 year ago

10Yt5vRimNI nextjs-server-actions-change-everything-about-react Next.js Server Actions Change Everything About React I have been waiting 6 months for Next.js to announce how they plan to handle mutations and it is finally here with server actions.

# Web Development

Next.js Server Actions Change Everything About React

Web Dev Simplified 1 year ago

c_-b_isI4vg full-stack-airbnb-clone-with-prisma-nextjs-react-and-tailwind Full Stack Airbnb Clone with Prisma, Next.js, React and Tailwind In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework.

# Web Development

Full Stack Airbnb Clone with Prisma, Next.js, React and Tailwind

Code With Antonio 1 year ago

MFuwkrseXVE nextjs-crash-course-for-beginners-2021 Next.js | Crash Course for Beginners 2021 Learn all about Next.js, React's most popular Production Framework! Get Started with NextJS and make build amazing websites with ReactJS even more fun! Full Project included, 100% free 3 hours long course!

# Web Development

Next.js | Crash Course for Beginners 2021

JavaScript Mastery 3 years ago