How To Build a Reusable Sidebar (Next.js, Shadcn ui)

preview_player
Показать описание

Here is the repo if you want to take the sidebar:

Next video to watch:

⚔️ Join The Horde

Some of the projects to check:

00:00 Intro
00:28 Shadcn Installation
00:58 Admin Page
03:47 Mobile Nav
06:27 Sidebar
09:03 Upgrade
09:40 Light / Dark mode test
12:15 Outro

#webdevelopment #orcdev #shadcn #sidebar #mobileresponsive #react #nextjs #typescript
  1. Orc Dev
  2. orcdev
  3. javascript
  4. typescript
  5. orcdev tutorial
  6. nextjs
Рекомендации по теме
Create Clean and 0:21:54

Create Clean and Reusable React Components

Full React Tutorial 0:02:57

Full React Tutorial #12 - Reusing Components

Build a Reusable 0:19:08

Build a Reusable Component in React (Shadcn/ui, Tailwind)

Why Is Making 0:01:58

Why Is Making A Reusable Rocket So Difficult? Elon Musk

UiPath - How 0:04:35

UiPath - How to build a reusable component using Libray - Tutorial from start to finish

Create Highly Reusable 0:10:35

Create Highly Reusable React Components in Minutes with TypeScript

How To Build 0:06:23

How To Build Stoke Nova Fully Reusable Rocket in Spaceflight Simulator

#3. Create reusable 0:01:35

#3. Create reusable product components | Create a Next.js store with Commerce.js

🚀 Master React: 1:08:19

🚀 Master React: Build & Test Reusable, Responsive Cards from Scratch! 🛠️✨

How To Build 0:46:31

How To Build Reusable Infrastructure as Code Patterns

How to Build 0:38:59

How to Build Reusable, Composable, Battle tested Terraform Modules

How to Make 0:03:37

How to Make a Reusable Adjustable Mold For Resin Casting (or anything else!) // Tips and Tricks

Converting to a 0:01:59

Converting to a Reusable Element | Build Your First Bubble App [10/20]

How to build 0:14:20

How to build a reusable component, that closes apps, with Library in UiPath - Full Tutorial

Figma tutorial: Build 0:07:24

Figma tutorial: Build reusable components [3 of 8]

React Modal Component: 0:15:20

React Modal Component: Learn How to build a reusable Modal Component with React and Hooks

Building REUSABLE SwiftUI 0:38:53

Building REUSABLE SwiftUI components - Peter Friese | Swift Heroes 2023 Talk

Build a Reusable 0:00:51

Build a Reusable UI Component in React

ANSWERED: Can you 0:04:16

ANSWERED: Can you build a DIY reusable Epoxy Resin form?

How To Build 0:08:39

How To Build Fully Reusable Falcon 9 & Crew Dragon In SFS

Building Angular Library: 0:09:04

Building Angular Library: A Comprehensive Tutorial for Creating Reusable Components

how to make 0:10:07

how to make a component reuseable in React js | Reusable button Component | react js

Reusable Create & 0:16:46

Reusable Create & Edit Form in React (React Hook Form, Zod)

Discover Restorative Construction 0:12:28

Discover Restorative Construction with Reusable Materials

Комментарии
Автор

Join the Horde! Embrace the path of the dev warrior! Conquer all challenges! ⚔

orcdev
Автор

Yes i did apply it and it worked well.
Currently I have 2 apps that i want to administrate, so by using this tutorial i was able to create 2 admins on the same project in separate folders. So using this technique it helps a lot.
Thanks a lot dear :)

tchoutangbankouemichelfran
Автор

Always learn new tidbits from your videos. Deeply appreciate your work @OrcDev!

treyjapan
Автор

the value of your videos is insane ! Are you planning to make a video on state management (auth) with redux?

ymddev
Автор

For different links how does the sidebar work

piyushshrestha