Learn with Jon
Learn with Jon
  • 184
  • 789 056
Next JS 15 Crash Course for Beginners | 22 Middleware
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework.
Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod package, MongoDB integration and CRUD actions
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🔗 React.JS crash course: 👉 th-cam.com/play/PL38wFHH4qYZXWlYBmz0BoRW8zsIPJkEkS.html&si=dYoM4PbNV63sL3Vr
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🌐 Source code: github.com/JonVadar/Next.js-15-Crash-Course/tree/main/22_middleware
🌐 Next.JS docs docs: nextjs.org/docs
🌐 JWT website: jwt.io/
🌐 MongoDB Atlas: www.mongodb.com/atlas
🌐 Zod docs: zod.dev/
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🙏 Thank you for watching my video please don't forget to LIKE and SUBSCRIBE.
🎮 My gaming channel: www.youtube.com/@jonvadar
☕ Support me: www.buymeacoffee.com/jonvadar
🌐 My website: jonvadar.xyz/
💻 My GitHub: github.com/JonVadar
#nextjs15 #nextjs #nextjstutorial #react #reactjs #fullstack #learnwebdevelopment #webdevelopment #fullstackwebdevelopment
มุมมอง: 905

วีดีโอ

Next JS 15 Crash Course for Beginners | 21 Delete Blog Posts & Revalidating Data
มุมมอง 18421 วันที่ผ่านมา
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 20 User Dashboard
มุมมอง 27421 วันที่ผ่านมา
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 19 Update Blog Posts
มุมมอง 55621 วันที่ผ่านมา
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 18 Loading and Suspense
มุมมอง 51628 วันที่ผ่านมา
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 17 Show Blog Posts
มุมมอง 39128 วันที่ผ่านมา
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 16 Read Blog Posts
มุมมอง 382หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 15 Create Blog Posts
มุมมอง 579หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 14 Logout
มุมมอง 379หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 13 Auth & Guest Links
มุมมอง 390หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 12 Login System
มุมมอง 773หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 11 Active Links
มุมมอง 409หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 10 Font Optimization
มุมมอง 498หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 09 Server-Only Actions
มุมมอง 525หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 08 Cookies & Session with JWT
มุมมอง 788หลายเดือนก่อน
In this comprehensive crash course, we will learn how to create a full-stack blog application with authentication using Next JS 15 framework. Key topics covered in this course: Next.js fundamentals, pages and routes, forms and server actions, server components, font optimization, sessions and cookies, authentication with JSON Web Tokens (JWT) using Jose package, form validation using Zod packag...
Next JS 15 Crash Course for Beginners | 07 Database Integration with MongoDB
มุมมอง 1.1Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 07 Database Integration with MongoDB
Next JS 15 Crash Course for Beginners | 06 Register Form Validation with Zod
มุมมอง 1.1Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 06 Register Form Validation with Zod
Next JS 15 Crash Course for Beginners | 05 Server Actions
มุมมอง 1.3Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 05 Server Actions
Next JS 15 Crash Course for Beginners | 04 Register Form
มุมมอง 1Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 04 Register Form
Next JS 15 Crash Course for Beginners | 03 Routes
มุมมอง 965หลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 03 Routes
Next JS 15 Crash Course for Beginners | 02 Pages
มุมมอง 1.2Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 02 Pages
Next JS 15 Crash Course for Beginners | 01 Setup
มุมมอง 1.6Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 01 Setup
Next JS 15 Crash Course for Beginners | 00 Intro
มุมมอง 2.3Kหลายเดือนก่อน
Next JS 15 Crash Course for Beginners | 00 Intro
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #8 Options VS Composition API
มุมมอง 5872 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #8 Options VS Composition API
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #7 Custom Formatting
มุมมอง 2022 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #7 Custom Formatting
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #6 Number Formatting
มุมมอง 1842 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #6 Number Formatting
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #5 Datetime Formatting
มุมมอง 1552 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #5 Datetime Formatting
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #4 Pluralization
มุมมอง 2162 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #4 Pluralization
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #3 Interpolation & Linked Messages
มุมมอง 3212 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #3 Interpolation & Linked Messages
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #2 Syntax & Change Locale
มุมมอง 4612 หลายเดือนก่อน
Build Multi-Language Apps with Vue i18n: A Step-by-Step Guide | #2 Syntax & Change Locale

ความคิดเห็น

  • @vivekbansals
    @vivekbansals 10 ชั่วโมงที่ผ่านมา

    error when starting dev server: TypeError [ERR_INVALID_URL]: Invalid URL at new NodeError (node:internal/errors:405:5) at new URL (node:internal/url:676:13) at getAdditionalAllowedHosts (file:///var/www/foo/node_modules/vite/dist/node/chunks/dep-BdTvomPN.js:37687:29) at resolveConfig (file:///var/www/foo/node_modules/vite/dist/node/chunks/dep-BdTvomPN.js:53812:29) at async _createServer (file:///var/www/foo/node_modules/vite/dist/node/chunks/dep-BdTvomPN.js:43695:18) at async CAC.<anonymous> (file:///var/www/foo/node_modules/vite/dist/node/cli.js:746:20)

  • @amrtolba-dev
    @amrtolba-dev 18 ชั่วโมงที่ผ่านมา

    keep going broo

  • @joselorenzini4196
    @joselorenzini4196 20 ชั่วโมงที่ผ่านมา

    the best laravel react tutorial , legend!

  • @nicokalkusinski9320
    @nicokalkusinski9320 วันที่ผ่านมา

    This course was the best I've done so far. No more unnecessary features, straight to the point, clear explanation, real use case of everything. Amazing piece of work.

  • @itsOlaOlowo
    @itsOlaOlowo 2 วันที่ผ่านมา

    Thank you so much for this video. I was able to adapt this on a Framer project I am working on. It was super helpful <3

  • @ars_a94
    @ars_a94 2 วันที่ผ่านมา

    Thank you. First time in my programming life I've watched a tutorial and it was an interesting second full of useful information without going into excessive details. Great job 💖

  • @JerRy_Phadi
    @JerRy_Phadi 2 วันที่ผ่านมา

    Hello, i'm just little bit confuse. Is this starting part or there is anything else because. Here when you start the video already done some work on this project. Can you please link the previous video here tooo.

    • @LearnWithJonVadar
      @LearnWithJonVadar 2 วันที่ผ่านมา

      Yes. Please watch the first two videos in this playlist: th-cam.com/play/PL38wFHH4qYZUXLba1gx1l5r_qqMoVZmKM.html&si=93ZTVWyoiZ7OVSoS

  • @alkemist17
    @alkemist17 4 วันที่ผ่านมา

    Thanks from Colombia, It was a excelent course.

  • @angelcanete489
    @angelcanete489 4 วันที่ผ่านมา

  • @rahi7339
    @rahi7339 4 วันที่ผ่านมา

    Bro , you the GOAT!

  • @viewfinderfady28
    @viewfinderfady28 5 วันที่ผ่านมา

    does this course teach SSR?

  • @crazy1programmer
    @crazy1programmer 5 วันที่ผ่านมา

    In my Two years of software development life, this is the first time I watched a tutorial in Seris without blinking my eyes. Every second is interesting and full of information. It tightly coupled me with the screen. Great job, brother 👏and best wishes

  • @vickyalvandob
    @vickyalvandob 5 วันที่ผ่านมา

    thanks a lot bro

  • @takayumaja9438
    @takayumaja9438 5 วันที่ผ่านมา

    How do you fetch data based on ID using Routes API? because what you use is fetcing all the data and then sorting it based on ID

  • @ElTebe
    @ElTebe 6 วันที่ผ่านมา

    Awesome basic but detailed infos. Thanks!

  • @PetarMicic-xc5wu
    @PetarMicic-xc5wu 6 วันที่ผ่านมา

    12:14 good video but why didnt you shere the code here

  • @MrDynamoDuck
    @MrDynamoDuck 7 วันที่ผ่านมา

    Thank you Jon for the time and effort you have put into making this series, one of the best video tutorials series online. I would highly recommend anyone to follow the series if they want to learn the VILT stack, excellent teaching style, clear and precise instructions. I'm pretty sure that I will rewatch these videos again when building future apps, thanks again Jon.

  • @MrDynamoDuck
    @MrDynamoDuck 7 วันที่ผ่านมา

    Another great video, very helpful and easy to understand. Thanks

  • @rahi7339
    @rahi7339 8 วันที่ผ่านมา

    bro you are the GOAT!! THANK YOU FOR THIS!!!

  • @alii2284
    @alii2284 8 วันที่ผ่านมา

    did you mention caching at least once in this course please?

  • @rahi7339
    @rahi7339 9 วันที่ผ่านมา

    Bro u r GOAT

  • @mohammadrezanoorozi1334
    @mohammadrezanoorozi1334 9 วันที่ผ่านมา

    amazing❤❤❤

  • @erwinvanmaasakkers3846
    @erwinvanmaasakkers3846 9 วันที่ผ่านมา

    Hi Jon, Thnx for these series. It is really helpful!. A question about the role functions in the AdminController. Isn't it better to use the 'back'- function in stead of redirect? Then you could use this function in other pages, not only in the admin.index page. Like: return back()->with('status', "The users role is updated to {$request->role}.");

  • @MrDynamoDuck
    @MrDynamoDuck 10 วันที่ผ่านมา

    Thank you for the series.

  • @MrDynamoDuck
    @MrDynamoDuck 10 วันที่ผ่านมา

    Very clear and easy to follow, thank you.

  • @TripleAEnter
    @TripleAEnter 10 วันที่ผ่านมา

    i have deployed but it is showing me a cors policy issue

  • @angelorigo
    @angelorigo 11 วันที่ผ่านมา

    Thank you for this great tutorial. Into app.blade.php i did not find @vite('resources/js/app.jsx') . The message is Vite manifest not found at: /home/myuser/Projects/laravel-inertia-reactjs/public/build/manifest.json. what can it be ?

  • @rkfbrns
    @rkfbrns 12 วันที่ผ่านมา

    very useful thanks

  • @oiagato
    @oiagato 12 วันที่ผ่านมา

    Hi, how to upgrade the app without lose storage files?

  • @michelboutin3885
    @michelboutin3885 12 วันที่ผ่านมา

    It's really excellent training. Many thanks from France

  • @vickyalvandob
    @vickyalvandob 13 วันที่ผ่านมา

    If I click resend email verify more than once, error page 500 appears because middleware('throttle:6,1')

  • @BennyStuxNet
    @BennyStuxNet 13 วันที่ผ่านมา

    You have no idea how much you saved me with this video.... much love and i've subscribed 🤟

  • @ranjanadissanayaka5390
    @ranjanadissanayaka5390 13 วันที่ผ่านมา

    Extremely Clear and to the point.....Thank you so much for making those videos. You got yourself a new subscriber. 😀

  •  13 วันที่ผ่านมา

    Target class [App\Http\Middleware\HandleInertiaRequest] does not exist.

  • @mehrnooshbeigi
    @mehrnooshbeigi 13 วันที่ผ่านมา

    u teach so clearly. thanks

  • @charlescoiffier
    @charlescoiffier 14 วันที่ผ่านมา

    Thanks for this tutorial ! Very instructive !

  • @alifbimbang
    @alifbimbang 15 วันที่ผ่านมา

    thanks bro and best tutorial

  • @ГалекКарманов
    @ГалекКарманов 16 วันที่ผ่านมา

    Man, thank u very very very much. The channel is too underrated. Also, thank u to explaining the server actions, why are they, for what are they, and especially the part when the server components may become client components. The first video when u showed the server actions, it was little bit confusing since i couldnt get what and why are we doing this, but now u clearifyed it. Anddd, would be much better if u explained us in such way, like why and what are we using. In case of the server actions, would be nice if u explained why is that the first time when we used it. BUT, Im not complaining or anything, at all. U r a hidden gem anyway, literally. Thank u!

  • @ToastyOrchid
    @ToastyOrchid 17 วันที่ผ่านมา

    Great video very useful! Do you have a video that is similar to this and covers good usage of abilities with Vue? i.e: Laravel Bouncer w/ Vue CASL?

  • @maxim_zh
    @maxim_zh 17 วันที่ผ่านมา

    Thanks for the tutorials bro. 14:39 Here I would use the ?? operator instead of if-else, like: asset('storage/' . $post-image ?? 'posts_images/default.jpeg')

  • @nishatislam3495
    @nishatislam3495 18 วันที่ผ่านมา

    you probably didn't cover authorization in this playlist, right?

  • @EmersonCabrera
    @EmersonCabrera 18 วันที่ผ่านมา

    Very good video! All is very clear and useful, thank you, friend.

  • @angeloserenuela4065
    @angeloserenuela4065 18 วันที่ผ่านมา

    thank you man really helps !

  • @az221-j6m
    @az221-j6m 18 วันที่ผ่านมา

    When you install and configure Ziggy, it automatically makes the route() helper available globally in your JavaScript code. So No Need to import it every time and no need to define it also like ( const route = useRoute(); ). Just use it when you want !

  • @tsoabelouh5674
    @tsoabelouh5674 18 วันที่ผ่านมา

    Hey, wanted to say thank you for all your great courses.❤ I have a question, not only for you but for everyone. Which rich text editor is the best for a laravel /vite /taiwlindcss project? And how to install it Thank you guys👌

  • @juneldelacuadra5973
    @juneldelacuadra5973 19 วันที่ผ่านมา

    Thank you, sir.

  • @ummeed4365
    @ummeed4365 19 วันที่ผ่านมา

    Happy new year bro. Please make one video how to handle dynamic feilds in form. Please please

  • @kelvinsidhartasie6876
    @kelvinsidhartasie6876 19 วันที่ผ่านมา

    Uncaught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON Anyone know why I keep getting this above error? This happens every time when i refresh the page that is related to single post. Thanks

  • @chamathviranga619
    @chamathviranga619 20 วันที่ผ่านมา

    Thank you. One question, As i remember previously we can put all files in public_html folder and it worked. Is there any change with Laravel 11 ? Please correct me if I'm wrong.

  • @barianiluca
    @barianiluca 21 วันที่ผ่านมา

    jon you are the best. damn man, i have loved every sec of this.