Next.js Modal Routes | Next.js Parallel Routes | Next.js Intercepting Routes

preview_player
Показать описание


📚 Materials/References:

📚 Join Membership:

📚 My Courses:

📚 VScode Extensions:
ES7+ React/Redux/React-Native snippets
Community Material Theme
Material Icon Theme
Live Server

☕☕ Buy Me a Coffee . Thank You ! ☕☕
Vietcombank: 0061001044348 (LE TUAN ANH)
Momo : 0374481936

🌎 Find Me Here:

🚀 Please! Subscribe, Like and Share. 🔥
🚀Thanks for watching video!🔥
🚀Have you good day!🔥

#devat #reactjs #nextjs #fullstack #frontend #backend #mernstack
00:00 - Demo
00:38 - Setup
01:39 - Nav & Home Page
08:52 - Photo/[slug] Page
12:24 - Modal Component
14:04 - Auth [Login/Register] Page
18:20 - Parallel Routes
24:50 - Intercepting Routes
30:00 - Deploy Vercel
  1. Dev AT
  2. nextjs
  3. nextjs13
  4. server actions
  5. learn nextjs
  6. devat vietnam
Рекомендации по теме
Next.js Modal Routing 0:07:34

Next.js Modal Routing

Next.js Modal Routes 0:33:01

Next.js Modal Routes | Next.js Parallel Routes | Next.js Intercepting Routes

Modal in Next.js 0:22:57

Modal in Next.js & React | Create a Dialog Component

Next.js Modal with Parallel & 0:25:58

Next.js Modal with Parallel & Intercepting Routes, shadcn/ui Dialog

Learn Next.js Parallel 0:16:18

Learn Next.js Parallel Routes In 16 Minutes

When Did NextJS 0:08:02

When Did NextJS Routing Become so Advanced??!

Building a Modal 0:09:35

Building a Modal with NextJS, TailwindCSS, and Typescript

Intercepting Modal Tutorial 0:05:01

Intercepting Modal Tutorial Next.js 14

Next.js 14 Tutorial 0:11:46

Next.js 14 Tutorial - 28 - Parallel Routes

Nextjs Modal Intercepting 1:02:15

Nextjs Modal Intercepting Routes

Intercepting Routes in 0:25:00

Intercepting Routes in NextJs 14

Next.js 14 Tutorial 0:05:58

Next.js 14 Tutorial - 32 - Parallel Intercepting Routes

Next.js Modal Form w/ React-Hook-Form, ShadCN/ui 0:33:01

Next.js Modal Form w/ React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation

Next.js parallel routes 0:05:51

Next.js parallel routes are awesome (if they worked correctly)

Next.js 14 Tutorial 0:07:55

Next.js 14 Tutorial - 7 - Dynamic Routes

Next.js 14 Tutorial 0:10:28

Next.js 14 Tutorial - 31 - Intercepting Routes

Loading UI with 0:03:07

Loading UI with Next.js 13 and React Suspense

Mastering Route Intercepts 0:12:03

Mastering Route Intercepts in Next.js: A Comprehensive Guide

How to Intercept 0:34:09

How to Intercept Routes in Next js | Image Gallery

Next js Parallel 0:16:53

Next js Parallel Routes | Next JS Full Stack Course #14 | Next JS Interview Questions

NOVIDADES NEXTJS 13.3 0:13:27

NOVIDADES NEXTJS 13.3 | Rotas Paralelas

This Makes State 0:04:01

This Makes State Management so Much Easier

Next js Intercepting 0:16:00

Next js Intercepting Routes | Next JS Full Stack Course #16 | Next JS Interview Questions

How to Create 0:00:45

How to Create Modals in Next.js 13 with TailwindCSS

Комментарии
Автор

Great!
Best regards from Buenos Aires, Argentina!

fernandopiolimartinez
Автор

the algorithm will always surprise me. Ive had this on my head for the past week. How tf.

al-ftng
Автор

Awesome .... No words. Bro also please start React-Native series wuthout expo.

vdingding
Автор

🔥In the modal component, change it to: 12:24 - Modal Component
'use client'
import { useRouter } from 'next/navigation'

const Modal = ({ children, bg }) => {
const router = useRouter();

return (
<div>
<div className={`modal ${bg}`} onClick={() => router.back()} />
{ children }
</div>
)
}

export default Modal

📚 Materials/References:

DevATHTML
Автор

so bro @parallel/settings/page.js
how should this be accesed ?
if i want to access this in layout.js

seshubabubatchu
Автор

Deleting the .next-Folder? Seriously? This just solved a few hours breaking my head.

Alex-xlxe