- 166
- 187 724
Orc Dev
Spain
Приєднався 1 жов 2011
Conquer dev challenges with Orcish might and fury. 🔥
Upcoming Shadcn Components are AMAZING!
Get ready for the latest and greatest Shadcn components - they are AMAZING! Stay tuned for the upcoming release and see for yourself why these new components are great!
Next video to watch:
ua-cam.com/video/B81UvJlcTYU/v-deo.html&ab_channel=OrcDev
⚔️ Join The Horde
- Discord: discord.com/invite/uFB5YzH9YG
- Github: github.com/TheOrcDev
Some of the projects to check:
Connector: github.com/TheOrcDev/orcish-openai-connector
AI Framework: github.com/TheOrcDev/orcish-ai-nextjs-framework
Orcish Admin: github.com/TheOrcDev/orcish-admin
#webdevelopment #orcdev #shadcn #newcomponents #shadcnnews #news #react #nextjs #typescript
Next video to watch:
ua-cam.com/video/B81UvJlcTYU/v-deo.html&ab_channel=OrcDev
⚔️ Join The Horde
- Discord: discord.com/invite/uFB5YzH9YG
- Github: github.com/TheOrcDev
Some of the projects to check:
Connector: github.com/TheOrcDev/orcish-openai-connector
AI Framework: github.com/TheOrcDev/orcish-ai-nextjs-framework
Orcish Admin: github.com/TheOrcDev/orcish-admin
#webdevelopment #orcdev #shadcn #newcomponents #shadcnnews #news #react #nextjs #typescript
Переглядів: 1 101
Відео
Create your own SAAS product with Orcish AI Next.js Framework
Переглядів 28212 годин тому
Learn how to create your own SAAS product using the powerful Orcish AI Next.js Framework. Start building your own unique software today! Repository: github.com/TheOrcDev/orcish-ai-nextjs-framework Next video to watch: ua-cam.com/video/mG5UMfs_jaA/v-deo.html&ab_channel=OrcDev ⚔️ Join The Horde - Discord: discord.com/invite/uFB5YzH9YG - Github: github.com/TheOrcDev Some of the projects to check: ...
Fastest way to build Admin Area in Nuxt (Vue, Shadcn, TypeScript)
Переглядів 41319 годин тому
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-nuxt-admin Compare it to Next.js implementation: ua-cam.com/video/B81UvJlcTYU/v-deo.html&ab_channel=OrcDev githu...
Cool Looking Parallax Grid Scroll with Animations (Next.js, TypeScript, Shadcn, Tailwind)
Переглядів 501День тому
Check out this cool parallax grid scroll component with animations and tooltips, built using Next.js, Aceternity UI, Shadcn, and Tailwind. Perfect for adding some visual projects to your website! Next video to watch: ua-cam.com/video/B81UvJlcTYU/v-deo.html&ab_channel=OrcDev ⚔️ Join The Mighty Horde - Discord: discord.com/invite/uFB5YzH9YG - Github: github.com/TheOrcDev Some of the projects to c...
Simplest way to build Admin Area (Next.js, Shadcn, TypeScript, Forms)
Переглядів 9 тис.14 днів тому
In this ultimate guide, we'll go together through admin area development using Next.js, Shadcn, TypeScript and react-hook-form. Whether you're a beginner or experienced developer, this tutorial will help you build an admin area easily for your projects. Here is my version of admin: github.com/TheOrcDev/orcish-admin Next video to watch: ua-cam.com/video/mG5UMfs_jaA/v-deo.html&ab_channel=OrcDev ⚔...
Themed Clock 5 minute Speed Coding Challenge | Next.js React Tailwind
Переглядів 32014 днів тому
Watch as we build a clock component with three different themes in just 5 minutes in Next.js. Get ready for some speed coding! Next video to watch: ua-cam.com/video/jxEpTIozfkg/v-deo.html ⚔️ Join The Horde - Discord: discord.com/invite/uFB5YzH9YG - Github: github.com/TheOrcDev Some of the projects to check: Connector: github.com/TheOrcDev/orcish-openai-connector AI Framework: github.com/TheOrcD...
Zustand State Management implementation in 5 minutes | Next.js
Переглядів 99321 день тому
Learn how to implement Zustand state management in just 5 minutes with this Next.js tutorial. Improve your application's performance and scalability with this easy-to-follow guide! Next video to watch: ua-cam.com/video/ojHQrKLQapM/v-deo.html&ab_channel=OrcDev ⚔️ Join The Horde - Discord: discord.com/invite/uFB5YzH9YG - Github: github.com/TheOrcDev Some of the projects to check: Connector: githu...
10 Tailwind tips I wish I knew earlier
Переглядів 87621 день тому
Looking to up your Tailwind game? Check out these 10 tips I wish I knew earlier! Next video to watch: ua-cam.com/video/mG5UMfs_jaA/v-deo.html&ab_channel=OrcDev ⚔️ Join The Horde - Discord: discord.com/invite/uFB5YzH9YG - Github: github.com/TheOrcDev Some of the projects to check: Connector: github.com/TheOrcDev/orcish-openai-connector AI Framework: github.com/TheOrcDev/orcish-ai-nextjs-framewor...
Implement Markdown in 5 Minutes | Next.js
Переглядів 41728 днів тому
Implement Markdown in 5 Minutes | Next.js
Master JavaScript Array Methods with Real Code Examples
Переглядів 152Місяць тому
Master JavaScript Array Methods with Real Code Examples
How to create Passcode component in Next.js | A step-by-step guide
Переглядів 730Місяць тому
How to create Passcode component in Next.js | A step-by-step guide
How the Latest Tech Turned my DREAM INTO REALITY!
Переглядів 393Місяць тому
How the Latest Tech Turned my DREAM INTO REALITY!
The Ultimate Guide to Next.js Drizzle ORM Implementation & CRUD
Переглядів 924Місяць тому
The Ultimate Guide to Next.js Drizzle ORM Implementation & CRUD
How to Build Dice System Logic: A step-by-step guide | TypeScript - React - Next.js
Переглядів 404Місяць тому
How to Build Dice System Logic: A step-by-step guide | TypeScript - React - Next.js
How to Deploy Your Next.js App in 5 minutes
Переглядів 373Місяць тому
How to Deploy Your Next.js App in 5 minutes
Prisma, tRPC & Next.js: Ultimate Fullstack Template
Переглядів 1,6 тис.Місяць тому
Prisma, tRPC & Next.js: Ultimate Fullstack Template
Make your app Awesome with THIS UI Library! Tailwind CSS | Next.js | React
Переглядів 2,1 тис.Місяць тому
Make your app Awesome with THIS UI Library! Tailwind CSS | Next.js | React
Shadcn UI Implementation Guide for Next.js
Переглядів 736Місяць тому
Shadcn UI Implementation Guide for Next.js
Whole Admin Page in just 5 minutes | Next.js Shadcn (Lift Mode)
Переглядів 3,6 тис.Місяць тому
Whole Admin Page in just 5 minutes | Next.js Shadcn (Lift Mode)
5 React UI Libraries You should know about in 2024
Переглядів 2,6 тис.Місяць тому
5 React UI Libraries You should know about in 2024
How to make a Fun Data Matching Game with React | Next.js
Переглядів 5672 місяці тому
How to make a Fun Data Matching Game with React | Next.js
How to Build an AI Wizard in Next.js: Step-by-step tutorial
Переглядів 6972 місяці тому
How to Build an AI Wizard in Next.js: Step-by-step tutorial
How to make a Full-stack CRUD app from scratch in 50 minutes in Next.js 14 w/ Prisma & tRPC (2024)
Переглядів 2,1 тис.2 місяці тому
How to make a Full-stack CRUD app from scratch in 50 minutes in Next.js 14 w/ Prisma & tRPC (2024)
Text to Speech Next.js implementation - Orcish AI Next.js Framework new feature
Переглядів 4862 місяці тому
Text to Speech Next.js implementation - Orcish AI Next.js Framework new feature
Learn tRPC and Prisma Integration in Next.js 14 (app directory)
Переглядів 1,8 тис.2 місяці тому
Learn tRPC and Prisma Integration in Next.js 14 (app directory)
Make A Next.js Dark Mode Theme In 5 Minutes With Shadcn!
Переглядів 9742 місяці тому
Make A Next.js Dark Mode Theme In 5 Minutes With Shadcn!
The BEST VS Code Extensions for TypeScript/React (2024)
Переглядів 2,1 тис.3 місяці тому
The BEST VS Code Extensions for TypeScript/React (2024)
How to Make a Health Bar in React (Customizable & Responsive)
Переглядів 2993 місяці тому
How to Make a Health Bar in React (Customizable & Responsive)
Making Pancakes in Next.js: A step-by-step guide
Переглядів 4483 місяці тому
Making Pancakes in Next.js: A step-by-step guide
Next.js project Textual Games to Visual Novel: Implementation of DALL-E-3
Переглядів 6053 місяці тому
Next.js project Textual Games to Visual Novel: Implementation of DALL-E-3
Would be nice to have a video showing how to train the AI on the APP's data.
Great idea, thank you! Langchain would be useful for something like that.
shadcn??? More like CHADcn
hahahaah nice one! MEGAGIGACHADcn :D :D :D
o sh... this 8 bit framework is coolest thing I've senn. I see a potencial in 8 bit style framework something like in Minecraft in modern games.
I totally agree with you! Retro is coming back definitely. I am currently working on a video tutorial to create a portfolio with Nes.css in Next.js :D
The sidebar(s) look great... One thing, though, they should have the sidebar drawer pull out underneath or push the work document/page so that in mobile it looks more native.
Actually they have it, you just have to dig a little bit on their GitHub. Here it is: github.com/shadcn-ui/ui/blob/main/apps/www/components/mobile-nav.tsx I'm using it on my website, you can just keep your nav items in some array or something like that, and depending on the resolution import mobile-nav or sidebar :D
The Horde is never gonna give you up! Subscribe! ⚔️
Amazing! This is the missing part of my new project, I was actually wanted to learn Apexcharts library for that, I'll wait for Shadcn's version to compare them.
Shadcn uses forwardref which isn't available in react 19.
They have already prepared everything my friend. Radix has a PR, and Shadcn will update right after them. github.com/shadcn-ui/ui/discussions/3695
So excited for this update. Radix was great but shadcn made it so much easier.
Yes! It’s so easier! I’m curious to see what they’ll build next, I love the direction they’re headed!
LETSGO! ShadCN is great indeed. We intend to use the Figma ShadCN template > to react (good idea for a video as well!)
Shadcn is indeed fantastic. They’re just getting started and won’t be stopping anytime soon! Using the Figma Shadcn template and converting it to React sounds like a brilliant idea, I'll see what I can do ⚔
Join the Mighty Horde! Subscribe! ⚔
i have this error -- > ENOENT: no such file or directory, open 'D:\orcish-ai-nextjs-framework-main\orcish-ai-nextjs-framework-main\public\D:\tts\hey.mp3'
tell me about this error?
@@ziarehman4071 I think you are missing env variable: NEXT_PUBLIC_APP_URL=localhost:3000 tRPC needs to know where to hit :D
Put this in your .env file
This is not tailwind-specific
Yeah could be for all CSS frameworks, this is example in Tailwind though :D
Here is the link: nostalgic-css.github.io/NES.css/
💚
⚔⚔⚔
can we do it in azure? if yes please tell?
What do you mean? To deploy on Azure?
@@orcdev yes
nice project :)
Thank you brother! Appreciate it! ⚔
You saved my time ❤
Love this extension! It's really saving time. I'm glad I helped! ⚔
Very clear explanation! 😁
Thank you very much! Tried to make it as simple as possible :D
I followed the way you did and exceed quota in 3 mins. It always sends requests. I tried to fetch inside the useEffect but the issue did not changed. I almos send 1000 requests per minute 🤯 How can I fix this?
Oh that's actually a bug :D Thanks for finding it out! Solution should be calling it only once in some way, I'll think of a bug fix and reply to you here.
@@orcdev Appriciated man, I really don't understand why this happening. Following the status from here. Thanks for the reply.
wow thank you for sharing
You're welcome! I hope you're going to use it well. ⚔
Don't go alone through the battlefield! Join the Mighty Horde! 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.
Join the Mighy Horde! Subscribe! ⚔️
Thank you for the video
You’re welcome! ⚔️ I hope it was useful
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 😁
Thank you
Thanks for watching!
Not a big fan of Vue. With Shadcn it looks nice though.
You still gotta write Vue in your components :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!
Join the Mighty Horde to wield the coding power! ⚔️ Subscribe! 🪓
Loved it thank you used as a work project to replace Gdocs easy to understand and learnt a lot 😊
I'm glad you loved it! ⚔ Magic of Shadcn is easy usage, that's why it's so easy to understand :)
I don't suppose you will be adding anymore functionality to this to handle logged in users?
@@SuperArnie1974 Actually planned to create complete logic for this admin with NextAuth, Drizzle and tRPC. What do you think, would that be useful to you?
Sounds excellent
@@SuperArnie1974 Great! I'll publish that next week! ⚔
So engaging and fun. You gained a new subscriber! :)
Thank you! Appreciate it! Hvala! :D
Good job @orcDev
Thank you! Appreciate it ⚔️
Slowly you're becoming a favourite of mine for tips and tricks. You've always preached shadcn but today you converted me. I am gougn to recreate thus completely and then hopefully integrate it into a minor project I'm working on.
Thank you very much for such a nice comment! ⚔️ Now you are hooked on Shadcn :D You’ll see it will be easy to create this admin page. If you need any help for that project tell me, I can make a video, or give you some tips if needed.
Here is the link: github.com/Codium-ai/pr-agent
Yes, UI Component libraries are making our development faster and easier. But just copying and pasting into our code is good or bad idea? It'll damage our logical thinking?
Yeah, good point. I would say it's good for things like this, to bring in something that looks great, and not reinvent the wheel on some regular things that we've built 1000 times. Same like with JQuery back in the days. Damaging our logical thinking cannot be avoided now in the age of AI I'm afraid. I'm still fighting, and not using the copilot :D
@@orcdev Scary, but technologies depends on that 💯🙂
@@SK_Covers Yep. It's definitely going that way
there is also 7.css (for windows 7) and xp.css (for windows xp)
Oh I missed xp.css, looks so cool! :D
Noiceeeee
Thank youuuuu ⚔️
Yeah this is productivity doing 2 hours work in 20 mins I like it very much
Thank you very much for such a nice comment, appreciate it! It's the magic of UI libraries, we can just take these components and use them quickly ⚔
Join the Mighty Horde! Hit like with an Axe 🪓 and Subscribe! ⚔
This is a speedy tutorial to understand all these. Thank you!
You're welcome! I'm glad you found it useful! Thank you for the comment! ⚔
I feel the voice is a little low.
@@anuj7286 You mean the sound of the video?
@@orcdev Yes sir, rest of things are fine.
@@anuj7286 Thanks for the heads up. I'll try to deal with my mic :D
this is great man, appreciated so much! Why don't you make this as a series and start building upon this ? I would love to see more on connecting databases, how to build out more pages, user Auth etc. :)
Thank you very much! I'm glad that you find it helpful. That's actually a great idea, adding db here, with users, auth, roles etc would be a great project for making more videos :) I'll try it out!
@@orcdev looking forward to them! We have so much opportunity to create amazing applications. I am also eager to try out a python back-end to React front-end for AI applications.
@@awakenwithoutcoffee Absolutely! Combining Python for the back-end with React for the front-end opens up a world of possibilities, especially for AI applications. For me it's easier to use TypeScript on both ends, but that's just my personal preference :D
We need more Nintendo 8 Bit game GUIs too
It's coming back slowly. I've seen couple of amazing 8-bit portfolio websites for some UI / UX designers. Actually maybe it's not a bad idea to build some simple open-source UI 8-bit library :D
Didn't realize how great shadcn/ui is until I see this vid! Thanks mate!
You're welcome! Glad you liked it! ⚔ Great thing is that Shadcn is constantly adding new components, and they are actually listening to developers on GitHub :D