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: 👉 ruclips.net/p/PL38wFHH4qYZXWlYBmz0BoRW8zsIPJkEkS&si=dYoM4PbNV63sL3Vr
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
🌐 Source code: github.com/JonVadar/Next.js-15-Crash-Course/tree/main/22_middleware
🌐 Next.JS docs docs: next...
Просмотров: 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,1 тыс.Месяц назад
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,1 тыс.Месяц назад
Next JS 15 Crash Course for Beginners | 06 Register Form Validation with Zod
Next JS 15 Crash Course for Beginners | 05 Server Actions
Просмотров 1,3 тыс.Месяц назад
Next JS 15 Crash Course for Beginners | 05 Server Actions
Next JS 15 Crash Course for Beginners | 04 Register Form
Просмотров 1 тыс.Месяц назад
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,2 тыс.Месяц назад
Next JS 15 Crash Course for Beginners | 02 Pages
Next JS 15 Crash Course for Beginners | 01 Setup
Просмотров 1,6 тыс.Месяц назад
Next JS 15 Crash Course for Beginners | 01 Setup
Next JS 15 Crash Course for Beginners | 00 Intro
Просмотров 2,3 тыс.Месяц назад
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 4 часа назад

    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 12 часов назад

    keep going broo

  • @joselorenzini4196
    @joselorenzini4196 14 часов назад

    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 День назад

    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 День назад

      Yes. Please watch the first two videos in this playlist: ruclips.net/p/PL38wFHH4qYZUXLba1gx1l5r_qqMoVZmKM&si=93ZTVWyoiZ7OVSoS

  • @alkemist17
    @alkemist17 3 дня назад

    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 5 дней назад

    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 8 дней назад

    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 10 дней назад

    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 11 дней назад

    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 12 дней назад

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

  • @BennyStuxNet
    @BennyStuxNet 12 дней назад

    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 17 дней назад

    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 18 дней назад

    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.