NuxtJS Crash Course
NuxtJS is a framework on top of Vue that allows your application to be server-side rendered via Node.js. This allows for better SEO, but still has all the benefits of a fully interactive JavaScript application.
In this series, we'll take a look at using Nuxt 3 and all the features it has to offer including automatic routing, better TypeScript support, Vite support, the Nitro server and more. We'll pair it together with an API powered by Laravel on the backend to build out the obligatory blog application. This will allow us to learn how to communicate between the front-end and the back-end.
Series episodes
Nuxt Features (4)
Intro and Demo
3m 18sExplore Nuxt’s pros and cons and preview the demo blog app we'll build in this engaging, friendly introduction to the Laracasts Nuxt series.
Nuxt Features and Folder Structure
13m 36sDiscover Nuxt 3’s folder structure and features like automatic routing, layouts, meta tags, components, and composables in this friendly Laracasts tutorial.
Data Fetching
8m 4sExplore multiple ways to fetch data in Nuxt 3, from client-side to server-side methods, in this clear and friendly Laracasts tutorial.
Nitro Server
7m 27sLearn how Nuxt 3’s Nitro server creates secure API routes and hides your API keys. Follow this friendly Laracasts tutorial to build safer, efficient apps!
Build a Blog App (7)
Setting up the Frontend
14m 16sSet up your blog’s frontend with Tailwind styling, layouts, pages, and reusable components in this friendly, step-by-step Laracasts tutorial.
Setting up the Backend
9m 18sKickstart your backend by setting up a new Laravel app with models, migrations, factories, and routes in this clear, friendly Laracasts tutorial.
Communication with Backend
24m 38sConnect your Nuxt frontend to the backend seamlessly! Learn to build dynamic pages, create posts, and handle form validation errors with ease.
Authentication with Sanctum
22m 44sImplement authentication with Sanctum in Nuxt, handling cookies, headers, protected routes, and logout in this clear, friendly Laracasts tutorial.
Middleware
18m 21sProtect Nuxt routes with middleware and track user login status using localStorage. Follow this friendly Laracasts tutorial to secure your app effectively!
Authorization
14m 57sAdd secure edit and delete features using Laravel policies and connect authorization seamlessly to your Nuxt frontend in this clear, friendly Laracasts tutorial.
The Deployment Process
17m 9sDiscover two easy ways to deploy Nuxt apps using Netlify and Laravel Forge. Follow this friendly Laracasts guide to launch your projects with confidence!
