Fastest way to build Admin Area in Nuxt (Vue, Shadcn, TypeScript)
HTML-код
- Опубликовано: 25 июл 2024
- In this ultimate guide, we'll go together through admin area development using Nuxt, Vue, Shadcn, and TypeScript Whether you're a beginner or experienced developer, this tutorial will help you build an admin area easily for your projects.
Here is the repo:
github.com/TheOrcDev/orcish-n...
Compare it to Next.js implementation:
• Simplest way to build ...
github.com/TheOrcDev/orcish-a...
⚔️ Join The Horde
- Discord: / discord
- Github: github.com/TheOrcDev
Some of the projects to check:
Connector: github.com/TheOrcDev/orcish-o...
AI Framework: github.com/TheOrcDev/orcish-a...
00:00 Intro
00:32 Nuxt
01:52 ESLint
03:43 Tailwind
06:35 Shadcn
12:19 Error Solving
14:10 Light / Dark Mode
16:12 Outro
#webdevelopment #orcdev #nuxt #shadcn #vue #react #nextjs #typescript Наука
Join the Mighty Horde to wield the coding power! ⚔️ Subscribe! 🪓
Nice :) This is the first time I've seen how to install and use Nuxt and Vue, after I have mastered Next, it is not so difficult to use it for fornt - your video was very helpful, thank you :)
You're welcome! I'm glad it was interesting to you to see something little bit different.
It's not difficult either, you just have to master the syntax a little bit.
Finally, Vue 🎉
It is time! Although Shadcn is not supporting Vue as much as React. On GitHub for most of the blocks there are just readme files waiting for someone to build :D
@@orcdev we can ask ChatGPT to convert some jsx blocks to Vue 😁
I’m a big fan of Vue! It is really niceeeee! +1 subscriber
Big tutorial coming up in Nuxt!
Thank you so much for +1 :D
+1 like +1 sub because you 100% from the Balkans. 👏this is also solid!
Thanks brother! Appreciate the support! ⚔
Sveti Sava - Skolska slava!
Thank you
Thanks for watching!
nice..continue to consume using api
Thank you! Was planning to create full admin same like with Next.js video on the channel. ⚔️
💚
⚔⚔⚔
Where is the pagination?
It's going to be implemented in a fullstack version of this project. Currently I'm making videos for the same thing but in Next.js, and I was creating pagination both on the backend and frontend side.
You can check it out here: ruclips.net/video/-ajgYf9N68M/видео.html&ab_channel=OrcDev
All these features coming to Nuxt also :D
Why don't you use pnpm or yarn?
What do you mean? I always use pnpm, even in this video :D
@@orcdev, when I wrote this comment I only started watching. But still, you used npx and not pnpx or pnpn exec to initialize the project
@@yatochka7777 Oh right, I just copied the first command. Forgot about that part :D Good eye!
Not a big fan of Vue. With Shadcn it looks nice though.
You still gotta write Vue in your components :D