Fullstack Modern Admin Panel Tutorial in Next.js with OrcDev (Shadcn ui, Drizzle, Neon, tRPC)

Поделиться
HTML-код
  • Опубликовано: 6 сен 2024

Комментарии • 36

  • @orcdev
    @orcdev  2 месяца назад +7

    ⚔ Hope you enjoyed coding this admin panel with me warriors! ⚔
    You can check the code here: github.com/TheOrcDev/orcish-fullstack-admin Check out the logo I have created, it’s really cool!
    Join the mighty Horde! ⚔ Subscribe and wield the power of the true web dev warrior! 💻🔥

  • @digibeacon8897
    @digibeacon8897 2 месяца назад +1

    great tutorial, you should extend it, as part of a series, and add auth, search, payments, etc :)

    • @orcdev
      @orcdev  2 месяца назад +3

      @@digibeacon8897 Thank you very much! I am glad you liked it!
      That’s the plan! We are going to implement everything together to make this a real admin app :D

  • @Discoursefy
    @Discoursefy 2 месяца назад +1

    Such a great(to the point) tutorial brother.

    • @orcdev
      @orcdev  2 месяца назад

      @@Discoursefy Thank you bro! Appreciate it! ⚔️
      Planning bunch of similar tutorials, there are so many things to cover :D

  • @furkankaracan2076
    @furkankaracan2076 2 месяца назад +1

    Thanks for the tutorial. it helpmed a lot to setting up my personal project. but i have to say this your IDE theme is hard to read lol

    • @orcdev
      @orcdev  2 месяца назад +1

      You're welcome! More features incoming to this admin project! :D
      Gotta say during the day, I was also struggling to read some things with this theme. I guess I'll return to my classic GitHub Dark Default theme. At least until I build some dark green Orcish VS Code theme :D

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 2 месяца назад +1

    Wow I love TRPC so much

    • @orcdev
      @orcdev  2 месяца назад +1

      Yeah, it's making life so much easier! Love it also that it's so easy to follow, you just call it, and it's automatically giving you all routes with all the types.

  • @megamind452
    @megamind452 2 месяца назад +1

    Nice vid 👍. Can you please create a tutorial on how to do protected procedures in trpc with clerk, lucia Or any other auth provider?

    • @orcdev
      @orcdev  2 месяца назад

      Thank you!
      That's a great idea! I can add it to this template, it's definitely going to be useful for this admin panel template.

  • @adityaSwamii
    @adityaSwamii 2 месяца назад +1

    Brother next time try " One Dark Pro " theme for VS code, for you'll never look back after that :) peace, say less. Love your content...

    • @orcdev
      @orcdev  2 месяца назад +1

      Just checked it, looks nice! I'll try it out, thanks! :D
      I'm glad you love the content, thank you very much! ⚔

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 месяца назад +1

    wow nice proyect , thanks

    • @orcdev
      @orcdev  2 месяца назад

      @@Deus-lo-Vuilt Thank you, it’s really interesting to work with these technologies!
      You’re welcome! More projects incoming ⚔️

  • @AIDragonMusic
    @AIDragonMusic 2 месяца назад

    You nailed it with this video, my friend.

    • @orcdev
      @orcdev  2 месяца назад +1

      @@AIDragonMusic Thank you! This was the most voted video idea, so had to make it :D I am glad you liked it! ⚔️

    • @AIDragonMusic
      @AIDragonMusic 2 месяца назад

      @@orcdev Highly valuable.

  • @NeillMennell
    @NeillMennell 2 месяца назад +1

    Great Video, If you do find the time to add Auth/Payments can I be bold and ask if you could include a SaaS set up (Organisations/Customers and Roles), an Organisation is the App Developer (Super Admin) and would have Customers that Pay for using the App as you would in a typical SaaS Application.

    • @orcdev
      @orcdev  2 месяца назад +2

      Hi there! Thank you!
      Yes, that's exactly the plan! Today signup page video is coming out, after that probably authentication, and we are slowly progressing to SaaS like you said! :D I'm glad you find this whole subject interesting! ⚔

    • @mybusinesstracker-jobinvoi8213
      @mybusinesstracker-jobinvoi8213 2 месяца назад +1

      @@orcdev - Lets hope you get the benefit of such great content!

    • @orcdev
      @orcdev  2 месяца назад +1

      @@mybusinesstracker-jobinvoi8213 Definitely already getting benefits of learning in much faster pace! Before RUclips I was not writing bunch of apps from scratch like mad every day, and learning this much :D

    • @farid-game
      @farid-game 2 месяца назад

      This is a great experience if you use react 19 and the latest version of nextjs. @oracdev

  • @kafukai
    @kafukai 2 месяца назад

    Nice! Do you know you can redesgin your vs-code's theme with a css file.Look up for that, it could upgrade your theme to be orchish unique 😉

    • @orcdev
      @orcdev  2 месяца назад +1

      Yes! I even found this VS Code Theme Studio: themes.vscode.one/
      Started creating Orcish theme, and I gave up after 10 minutes because I had zillion variables to change, and match colors :D Now I'm thinking that some AI tool would be great for that, gotta try something out. Thank you!

  • @interceptorghost1149
    @interceptorghost1149 2 месяца назад

    you pronounce sheet like "shi*" 🤣. Love it

    • @orcdev
      @orcdev  2 месяца назад

      Worst thing is I'm always thinking about it :D In my head I'm like don't say shi* don't say shi*, and I always say it somehow :D

  • @maaritswanderlust
    @maaritswanderlust 2 месяца назад

    Whoa 🎉🎉🎉🎉😊

    • @orcdev
      @orcdev  2 месяца назад

      Thank youuuuu ⚔⚔⚔

  • @user-vo2ke7rl9j
    @user-vo2ke7rl9j Месяц назад

    how i call an api in it can u guide me please

    • @orcdev
      @orcdev  Месяц назад

      In your `server/routers` you can create a new route, and create you own api endpoint.
      Here is the reference: github.com/TheOrcDev/orcish-fullstack-admin/blob/main/server/routers/users.ts
      After that you can just call it directly from your client components, and it's going to be perfectly safe.
      Reference (getting users query example):
      github.com/TheOrcDev/orcish-fullstack-admin/blob/main/app/admin/users/page.tsx#L19
      If you need any more help just tell me what you want to do exactly, and I'll guide you. ⚔

  • @Omar-jibril
    @Omar-jibril 2 месяца назад

    How do you make a beautiful theme vscode bro, tell me brothor

    • @orcdev
      @orcdev  2 месяца назад +1

      Never created one myself, but you can try this tool:
      themes.vscode.one/
      I'm usually downloading themes I find beautiful, this one that I'm using on the video is called 2077, here is the link:
      marketplace.visualstudio.com/items?itemName=Endormi.2077-theme

    • @Omar-jibril
      @Omar-jibril 2 месяца назад

      @@orcdev Thank you much, bro

    • @orcdev
      @orcdev  2 месяца назад

      @@Omar-jibril You're welcome! Enjoy!

  • @Discoursefy
    @Discoursefy 2 месяца назад

    sda