Coding Shorts: Nuxt without Nuxt - Paged Based Routing and Layouts

  Рет қаралды 321

Shawn Wildermuth

Shawn Wildermuth

Күн бұрын

After the first video in this series using unplugin's auto routing, I found out it was incompatible with several of these other plugins. So, in try 2, I show you how to use page-based routing and layouts in your Vue projects. Let's see how it works!
My new Vue 3 course is starting April 2nd. See more here:
- shawnl.ink/paced-vue
00:00 Introduciton
02:24 The Project
03:31 Adding the Pages Plugin
05:10 Modifying the Routes
05:42 Parameterized Routes
07:45 Adding Metadata
09:13 Layouts
12:51 Wrapping Up
If you like this video, you might like other videos in my Instructional Videos:
- • Instructional Videos
Source code:
github.com/shawnwildermuth/co...

Пікірлер: 7
@geraldmaale
@geraldmaale 4 ай бұрын
I will definitely give this a try. I get annoyed with the build time of nuxt but wanted to enjoy the benefits of pages and layouts as well.
@swildermuth
@swildermuth 4 ай бұрын
The next video is showing how to add auto components and auto imports too. We're only 1/2 way there ; )
@willcrowther4456
@willcrowther4456 4 ай бұрын
I really like this direction with the page based routing. Can you give more details about the issues you ran into with the unplugin-vue plugins you were showing in the first demo? I added it to my sample app and it seems to be working working great for me.
@swildermuth
@swildermuth 4 ай бұрын
The unplugin-vue version used nested routing for nested folders, and the Layout plugin wasn't setup for that so layout were being nested too (so doubling layouts).
@willcrowther4456
@willcrowther4456 4 ай бұрын
@@swildermuth Ok. I needed nested routing and think that is a necessity to a good general solution. Just adding a wrapper with a slot on the pages where it is needed so not sure a Layout component is actually needed.
@codedjango
@codedjango 4 ай бұрын
I wish vite has something like this for ssr....I hate using nuxt just for ssr sake
@swildermuth
@swildermuth 4 ай бұрын
Like this: vitejs.dev/guide/ssr
Coding Shorts: Adding HTTP Cache Headers to Your ASP.NET Core Project
11:59
Coding Shorts: DaisyUI
15:56
Shawn Wildermuth
Рет қаралды 1 М.
She ruined my dominos! 😭 Cool train tool helps me #gadget
00:40
Go Gizmo!
Рет қаралды 57 МЛН
Мы никогда не были так напуганы!
00:15
Аришнев
Рет қаралды 1,5 МЛН
Final muy increíble 😱
00:46
Juan De Dios Pantoja 2
Рет қаралды 33 МЛН
Coding Shorts: Methods, Funcs & Actions...Oh, My!
11:02
Shawn Wildermuth
Рет қаралды 2,1 М.
3 Must Know Tips For Nuxt.js Developers
9:23
Program With Erik
Рет қаралды 7 М.
Building PWAs with React and Workbox
45:48
bbdtv
Рет қаралды 15 М.
Coding Shorts: Making Sense of Stack vs. Heap
5:33
Shawn Wildermuth
Рет қаралды 1,5 М.
Coding Shorts: C# Dialects and Idioms
19:13
Shawn Wildermuth
Рет қаралды 3 М.
Coding Shorts: .NET Aspire - Databases
10:52
Shawn Wildermuth
Рет қаралды 2,8 М.
Coding Shorts #101: Getting More Out of Your ASP.NET Core HealthChecks
10:49
Coding Shorts: .NET Aspire - Using OpenTelemetry
10:52
Shawn Wildermuth
Рет қаралды 1,1 М.
Hisense Official Flagship Store Hisense is the champion What is going on?
0:11
Special Effects Funny 44
Рет қаралды 1,3 МЛН
i like you subscriber ♥️♥️ #trending #iphone #apple #iphonefold
0:14
Хотела заскамить на Айфон!😱📱(@gertieinar)
0:21
Взрывная История
Рет қаралды 3,6 МЛН
Нашел еще 70+ нововведений в iOS 18!
11:04