- Видео 184
- Просмотров 789 056
Learn with Jon
Таиланд
Добавлен 18 июл 2023
Let's learn new things together
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...
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
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)
keep going broo
the best laravel react tutorial , legend!
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.
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
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 💖
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.
Yes. Please watch the first two videos in this playlist: ruclips.net/p/PL38wFHH4qYZUXLba1gx1l5r_qqMoVZmKM&si=93ZTVWyoiZ7OVSoS
Thanks from Colombia, It was a excelent course.
Bro , you the GOAT!
does this course teach SSR?
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
thanks a lot bro
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
Awesome basic but detailed infos. Thanks!
12:14 good video but why didnt you shere the code here
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.
Another great video, very helpful and easy to understand. Thanks
bro you are the GOAT!! THANK YOU FOR THIS!!!
did you mention caching at least once in this course please?
Bro u r GOAT
amazing❤❤❤
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}.");
Thank you for the series.
Very clear and easy to follow, thank you.
i have deployed but it is showing me a cors policy issue
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 ?
very useful thanks
Hi, how to upgrade the app without lose storage files?
It's really excellent training. Many thanks from France
If I click resend email verify more than once, error page 500 appears because middleware('throttle:6,1')
You have no idea how much you saved me with this video.... much love and i've subscribed 🤟
Extremely Clear and to the point.....Thank you so much for making those videos. You got yourself a new subscriber. 😀
Target class [App\Http\Middleware\HandleInertiaRequest] does not exist.
u teach so clearly. thanks
Thanks for this tutorial ! Very instructive !
thanks bro and best tutorial
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!
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?
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')
you probably didn't cover authorization in this playlist, right?
Very good video! All is very clear and useful, thank you, friend.
thank you man really helps !
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 !
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👌
Thank you, sir.
Happy new year bro. Please make one video how to handle dynamic feilds in form. Please please
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
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.
jon you are the best. damn man, i have loved every sec of this.