Orc Dev
Orc Dev
  • 166
  • 187 724
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
Переглядів: 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

КОМЕНТАРІ

  • @rickmotta
    @rickmotta Годину тому

    Would be nice to have a video showing how to train the AI on the APP's data.

    • @orcdev
      @orcdev 44 хвилини тому

      Great idea, thank you! Langchain would be useful for something like that.

  • @wizz1e80
    @wizz1e80 2 години тому

    shadcn??? More like CHADcn

    • @orcdev
      @orcdev 44 хвилини тому

      hahahaah nice one! MEGAGIGACHADcn :D :D :D

  • @JarrowJR
    @JarrowJR 4 години тому

    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.

    • @orcdev
      @orcdev 2 години тому

      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

  • @MyGeorge1964
    @MyGeorge1964 7 годин тому

    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.

    • @orcdev
      @orcdev 45 хвилин тому

      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

  • @orcdev
    @orcdev 7 годин тому

    The Horde is never gonna give you up! Subscribe! ⚔️

  • @kafukai
    @kafukai 8 годин тому

    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.

  • @nasarullahkhan3379
    @nasarullahkhan3379 19 годин тому

    Shadcn uses forwardref which isn't available in react 19.

    • @orcdev
      @orcdev 14 годин тому

      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

  • @hasanharman2144
    @hasanharman2144 День тому

    So excited for this update. Radix was great but shadcn made it so much easier.

    • @orcdev
      @orcdev День тому

      Yes! It’s so easier! I’m curious to see what they’ll build next, I love the direction they’re headed!

  • @awakenwithoutcoffee
    @awakenwithoutcoffee День тому

    LETSGO! ShadCN is great indeed. We intend to use the Figma ShadCN template > to react (good idea for a video as well!)

    • @orcdev
      @orcdev День тому

      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 ⚔

  • @orcdev
    @orcdev День тому

    Join the Mighty Horde! Subscribe! ⚔

  • @ziarehman4071
    @ziarehman4071 День тому

    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'

    • @ziarehman4071
      @ziarehman4071 День тому

      tell me about this error?

    • @orcdev
      @orcdev День тому

      @@ziarehman4071 I think you are missing env variable: NEXT_PUBLIC_APP_URL=localhost:3000 tRPC needs to know where to hit :D

    • @orcdev
      @orcdev День тому

      Put this in your .env file

  • @eminaliyev4953
    @eminaliyev4953 День тому

    This is not tailwind-specific

    • @orcdev
      @orcdev День тому

      Yeah could be for all CSS frameworks, this is example in Tailwind though :D

  • @orcdev
    @orcdev 3 дні тому

    Here is the link: nostalgic-css.github.io/NES.css/

  • @matanon8454
    @matanon8454 3 дні тому

    💚

    • @orcdev
      @orcdev 3 дні тому

      ⚔⚔⚔

  • @ziarehman4071
    @ziarehman4071 3 дні тому

    can we do it in azure? if yes please tell?

    • @orcdev
      @orcdev 3 дні тому

      What do you mean? To deploy on Azure?

    • @ziarehman4071
      @ziarehman4071 День тому

      @@orcdev yes

  • @terteyty6125
    @terteyty6125 4 дні тому

    nice project :)

    • @orcdev
      @orcdev 4 дні тому

      Thank you brother! Appreciate it! ⚔

  • @CodeCrafterHub
    @CodeCrafterHub 4 дні тому

    You saved my time ❤

    • @orcdev
      @orcdev 4 дні тому

      Love this extension! It's really saving time. I'm glad I helped! ⚔

  • @english_day2
    @english_day2 4 дні тому

    Very clear explanation! 😁

    • @orcdev
      @orcdev 4 дні тому

      Thank you very much! Tried to make it as simple as possible :D

  • @hasanharman2144
    @hasanharman2144 4 дні тому

    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?

    • @orcdev
      @orcdev 4 дні тому

      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.

    • @hasanharman2144
      @hasanharman2144 4 дні тому

      @@orcdev Appriciated man, I really don't understand why this happening. Following the status from here. Thanks for the reply.

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 5 днів тому

    wow thank you for sharing

    • @orcdev
      @orcdev 5 днів тому

      You're welcome! I hope you're going to use it well. ⚔

  • @orcdev
    @orcdev 5 днів тому

    Don't go alone through the battlefield! Join the Mighty Horde! Subscribe! ⚔⚔⚔

  • @kafukai
    @kafukai 6 днів тому

    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 :)

    • @orcdev
      @orcdev 6 днів тому

      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.

  • @orcdev
    @orcdev 7 днів тому

    Join the Mighy Horde! Subscribe! ⚔️

  • @SenthilkumarDeivasigamani
    @SenthilkumarDeivasigamani 7 днів тому

    Thank you for the video

    • @orcdev
      @orcdev 7 днів тому

      You’re welcome! ⚔️ I hope it was useful

  • @YuriyKinakh
    @YuriyKinakh 7 днів тому

    Finally, Vue 🎉

    • @orcdev
      @orcdev 7 днів тому

      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

    • @YuriyKinakh
      @YuriyKinakh 7 днів тому

      @@orcdev we can ask ChatGPT to convert some jsx blocks to Vue 😁

  • @maaritswanderlust
    @maaritswanderlust 7 днів тому

    Thank you

    • @orcdev
      @orcdev 7 днів тому

      Thanks for watching!

  • @AIDragonMusic
    @AIDragonMusic 8 днів тому

    Not a big fan of Vue. With Shadcn it looks nice though.

    • @orcdev
      @orcdev 7 днів тому

      You still gotta write Vue in your components :D

  • @yatochka7777
    @yatochka7777 8 днів тому

    Why don't you use pnpm or yarn?

    • @orcdev
      @orcdev 8 днів тому

      What do you mean? I always use pnpm, even in this video :D

    • @yatochka7777
      @yatochka7777 8 днів тому

      @@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

    • @orcdev
      @orcdev 8 днів тому

      @@yatochka7777 Oh right, I just copied the first command. Forgot about that part :D Good eye!

  • @orcdev
    @orcdev 8 днів тому

    Join the Mighty Horde to wield the coding power! ⚔️ Subscribe! 🪓

  • @SuperArnie1974
    @SuperArnie1974 8 днів тому

    Loved it thank you used as a work project to replace Gdocs easy to understand and learnt a lot 😊

    • @orcdev
      @orcdev 8 днів тому

      I'm glad you loved it! ⚔ Magic of Shadcn is easy usage, that's why it's so easy to understand :)

    • @SuperArnie1974
      @SuperArnie1974 8 днів тому

      I don't suppose you will be adding anymore functionality to this to handle logged in users?

    • @orcdev
      @orcdev 8 днів тому

      @@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?

    • @SuperArnie1974
      @SuperArnie1974 8 днів тому

      Sounds excellent

    • @orcdev
      @orcdev 8 днів тому

      @@SuperArnie1974 Great! I'll publish that next week! ⚔

  • @Lebacbemti
    @Lebacbemti 8 днів тому

    So engaging and fun. You gained a new subscriber! :)

    • @orcdev
      @orcdev 8 днів тому

      Thank you! Appreciate it! Hvala! :D

  • @Racine14
    @Racine14 8 днів тому

    Good job @orcDev

    • @orcdev
      @orcdev 8 днів тому

      Thank you! Appreciate it ⚔️

  • @techdomain382
    @techdomain382 9 днів тому

    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.

    • @orcdev
      @orcdev 9 днів тому

      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.

  • @orcdev
    @orcdev 9 днів тому

    Here is the link: github.com/Codium-ai/pr-agent

  • @SK_Covers
    @SK_Covers 9 днів тому

    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?

    • @orcdev
      @orcdev 9 днів тому

      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

    • @SK_Covers
      @SK_Covers 9 днів тому

      @@orcdev Scary, but technologies depends on that 💯🙂

    • @orcdev
      @orcdev 9 днів тому

      @@SK_Covers Yep. It's definitely going that way

  • @joergw
    @joergw 10 днів тому

    there is also 7.css (for windows 7) and xp.css (for windows xp)

    • @orcdev
      @orcdev 10 днів тому

      Oh I missed xp.css, looks so cool! :D

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 11 днів тому

    Noiceeeee

    • @orcdev
      @orcdev 11 днів тому

      Thank youuuuu ⚔️

  • @anushkasharma3736
    @anushkasharma3736 11 днів тому

    Yeah this is productivity doing 2 hours work in 20 mins I like it very much

    • @orcdev
      @orcdev 11 днів тому

      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 ⚔

  • @orcdev
    @orcdev 11 днів тому

    Join the Mighty Horde! Hit like with an Axe 🪓 and Subscribe! ⚔

  • @anuj7286
    @anuj7286 11 днів тому

    This is a speedy tutorial to understand all these. Thank you!

    • @orcdev
      @orcdev 11 днів тому

      You're welcome! I'm glad you found it useful! Thank you for the comment! ⚔

    • @anuj7286
      @anuj7286 11 днів тому

      I feel the voice is a little low.

    • @orcdev
      @orcdev 11 днів тому

      @@anuj7286 You mean the sound of the video?

    • @anuj7286
      @anuj7286 8 днів тому

      @@orcdev Yes sir, rest of things are fine.

    • @orcdev
      @orcdev 8 днів тому

      @@anuj7286 Thanks for the heads up. I'll try to deal with my mic :D

  • @awakenwithoutcoffee
    @awakenwithoutcoffee 12 днів тому

    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. :)

    • @orcdev
      @orcdev 12 днів тому

      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!

    • @awakenwithoutcoffee
      @awakenwithoutcoffee 12 днів тому

      @@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.

    • @orcdev
      @orcdev 12 днів тому

      @@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

  • @kilianlindberg
    @kilianlindberg 12 днів тому

    We need more Nintendo 8 Bit game GUIs too

    • @orcdev
      @orcdev 12 днів тому

      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

  • @cyrilalonzo7430
    @cyrilalonzo7430 12 днів тому

    Didn't realize how great shadcn/ui is until I see this vid! Thanks mate!

    • @orcdev
      @orcdev 12 днів тому

      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