This Open-Source NextJS Project is a Game-Changer

  Рет қаралды 160,098

Josh tried coding

Josh tried coding

Жыл бұрын

In this video, let's look at an open-source project that's perfect for learning React, NextJS 13, TypeScript, and their respective best practices. Taxonomy is an open-source project that's made by 'shadcn'. It contains a fully-featured auth system with E-Mail and GitHub, Stripe for subscriptions, a static markdown blog, and much more. Happy to share this w/ you.
On the web: tx.shadcn.com/
On GitHub: github.com/shadcn/taxonomy
-- My links:
My GitHub: github.com/joschan21
Discord: / discord
Really helped me in my React journey. All the best to you!

Пікірлер: 89
@markuscwatson
@markuscwatson Жыл бұрын
I’ll definitely look at how he added Stripe integration. Can you do a video on that Josh? Love your stuff bud. Thanks
@MehediHassan-pn5uc
@MehediHassan-pn5uc Жыл бұрын
Agree
@joshtriedcoding
@joshtriedcoding Жыл бұрын
Good idea, goes well with anything related to eCommerce
@joshtriedcoding
@joshtriedcoding Жыл бұрын
@Google Personal Hahah dude you're always so subtle in presenting your ideas. Not sure if a full recreation is a good idea but there's much to learn in certain parts of this project
@roky2822
@roky2822 Жыл бұрын
​@Google Personal by assuming that you are wrong my friend. You are not most developers and cant speak for them.
@roky2822
@roky2822 Жыл бұрын
​​@Google Personal reading code is a skill. You have to push through it. Read line by line and if you don't understand some line is it so hard to google what specific function does? Cmon mate.
@miguelowd
@miguelowd Жыл бұрын
Hey Josh just wanted to thank you for the great content you've been putting out, really great stuff for people getting started. Keep up the good work.
@rayusaki88
@rayusaki88 Жыл бұрын
Thank you Josh! This is very helpful as I’m looking for well implemented Stripe integration! Well done 👏🏻
@literallyshane4306
@literallyshane4306 9 ай бұрын
This looks great! Loving your work right now mate, appreciate your time helping others 👌
@WillKlein
@WillKlein Жыл бұрын
It’s great more people are creating better “example” projects like this. Also great that you call it out and show how others can use them as a resource.
@faraonch
@faraonch Жыл бұрын
This is dope! I've already been using shadcns component lib with tailwind. Too good to see how this guy implements stuff.
@monyetbesar
@monyetbesar Жыл бұрын
You have great content man, definitely subbed! This video comes perfectly in time as well, thanks!
@jsricochet
@jsricochet Жыл бұрын
Thanks Josh! I've just learnt what's new with Next 13.x. This project will come in very handy to see a 'real' app that is close to what we'll have to deal with on the field :)
@ghassanclassic7689
@ghassanclassic7689 Жыл бұрын
Thank you Josh. I hope to see more open source projects.
@developerpranav
@developerpranav Жыл бұрын
Dang, shadcn is on fire with his nextjs work. Loved this video!
@palaklive
@palaklive 11 ай бұрын
Brilliant work, my friend! Keep exploring React and Node in the open-source realm. If you can, please share more coding techniques with us. Immensely grateful! 🤩🤩
@t-shirtguy
@t-shirtguy Жыл бұрын
Thank you Josh. Your content makes me a better dev
@saurabhdaswant7833
@saurabhdaswant7833 Жыл бұрын
thanks for sharing will definitely look into it!
@f1uc1k1y1o1u
@f1uc1k1y1o1u Жыл бұрын
Will continue to look at this framework
@ryanyoung1925
@ryanyoung1925 11 ай бұрын
Josh Great work! Thank you
@rakeshpk4991
@rakeshpk4991 Жыл бұрын
Thanks! This is project is nice and your video is helpful.
@itspawanpoudel
@itspawanpoudel Жыл бұрын
Your videos are awesome, subscribed🎉
@rohansen6872
@rohansen6872 Жыл бұрын
I like all ur videos on nextjs.... Very informative and really easy to understand. 👉 Can you please make a video on using turborepo and implementing monorepo in nextjs 👈. That wold be very helpful.
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Thanks for sharing josh
@AbdulMajeed-lf5sq
@AbdulMajeed-lf5sq Жыл бұрын
Josh you’re one of the best content creators in this field
@developer_george
@developer_george Жыл бұрын
Amazing Tod! thank you :D
@mustaphaoyenuga264
@mustaphaoyenuga264 Жыл бұрын
Can you make this a short series. I really love this and also the skateshop repository. Please showcase more
@collinzhen1280
@collinzhen1280 Жыл бұрын
this is a fantastic recommendation!
@name_less227
@name_less227 Жыл бұрын
This is the project that put this guy on the map. I believe he works for vercel but I'd never heard of him before he build this repo in public.
@guimaferreira
@guimaferreira Жыл бұрын
Hey Josh, this project is very inspirational and useful. +1 Subscriber to you, thanks for sharing this!
@joshtriedcoding
@joshtriedcoding Жыл бұрын
Cheers man
@Salah-YT
@Salah-YT Жыл бұрын
thank u so much bro
@kadirramazn
@kadirramazn Жыл бұрын
you are great. thanks a lot dude
@mhbaando
@mhbaando Жыл бұрын
i like how he build the documentation page, definitely i will check it
@vintagewally9824
@vintagewally9824 Жыл бұрын
nice! a similar repo I'm currently looking at is the supabase+nextjs stripe
@sebastianljungberg4354
@sebastianljungberg4354 Жыл бұрын
Can you share?
@igmeMarcial
@igmeMarcial Жыл бұрын
wow this is gold!
@sharanchakradhar
@sharanchakradhar Жыл бұрын
Wish there was a similar project for rust based frameworks.
@asimalqasmi7316
@asimalqasmi7316 Жыл бұрын
Thanks ❤
@brayancuenca6925
@brayancuenca6925 Жыл бұрын
Josh don’t miss 🔥
@nonstopper
@nonstopper Жыл бұрын
Wish more people would integrate stripe elements which allows you to embed the actual payments within your own checkout flow not redirecting to stripes template site. This is a super undervalued implementation
@emsp5558
@emsp5558 Жыл бұрын
Hey. I love your vids and I'm a subscriber. Can you make a video about using trpc with the new app directory? Thanks
@hollistertr31
@hollistertr31 Жыл бұрын
Genau!
@trsofttech5147
@trsofttech5147 Жыл бұрын
Can you make a tut about nav bar with some sort of nested routes in next js love to see it
@anonanon7368
@anonanon7368 Жыл бұрын
I think you should make a video where you dig deeper and explain what's going on and why.
@sergey_gabrielyan1001
@sergey_gabrielyan1001 6 ай бұрын
Hello 👋, thank you for this video. I have a question about feature card, which is common practice, implement this section from backend, or use on frontend like this website? I have a same question also about FAQ section.
@IAmLesleh
@IAmLesleh Жыл бұрын
I'm 95% sure the nav links don't scroll to the correct position because of the sticky header. Need a "scroll-margin-top" css prop to compensate
@nic_jaws
@nic_jaws Жыл бұрын
Could you do a video tutorial on creating this app? Thank you!
@nipundinuranga
@nipundinuranga Жыл бұрын
Please, do complete tutorial about Next JS
@nolep5555
@nolep5555 Жыл бұрын
please someone give me example to fill the env, Idont know what's github access token
@kevinespina3289
@kevinespina3289 Жыл бұрын
Can you make a video on how to copy & run a full stack github repo? For example this one. I tried running this on my local machine, but when I try pnpm dev, nothing happens...it says " at resolve commonjs C:\Users\Kevin\Desktop\taxonomy ext.config.mjs"
@kingjune6685
@kingjune6685 Жыл бұрын
please can you make a video building a full stack app with next js , prisma and chrakra-ui
@arturkre5793
@arturkre5793 Жыл бұрын
this is gold but is there something similar for sveltekit or astro?
@patite3103
@patite3103 Жыл бұрын
Thank you for the repository. For me, it's not clear how to install all the dependencies. Could you do a short video showing how it is done and run it through VScode? Thank you!
@_jb5261
@_jb5261 Жыл бұрын
If you clone the repo, all you need to do is enter npm install or yarn in your root directory or whichever directory your package json is in. That should install all the dependencies used in the project
@8koi245
@8koi245 Жыл бұрын
@@_jb5261 yarn add? yo tripping bro it's just yarn
@_jb5261
@_jb5261 Жыл бұрын
@@8koi245 Lmao my bad bro. I didn’t even realize I wrote yarn add
@sebastianljungberg4354
@sebastianljungberg4354 Жыл бұрын
@@_jb5261 I think he meant how to setup all the required services like PlanetScale etc since I had similar issues getting it running..
@anonymoussloth6687
@anonymoussloth6687 Жыл бұрын
This doesn't work with npm. Do we have to use pnpm for this?
@nikstan99
@nikstan99 Жыл бұрын
Hey, is there such a repo for a Nuxt 3 application
@martoxdlol
@martoxdlol Жыл бұрын
Stripe doesn't work on my country... :(
@meetshujah
@meetshujah Жыл бұрын
Hi can i use next js with java rest api.
@nubian_goat
@nubian_goat Жыл бұрын
First❤
@nikosanastasiou9421
@nikosanastasiou9421 Жыл бұрын
Did anyone faced "hard links" problem on Windows with pnpm?
@pranavsingh2075
@pranavsingh2075 Жыл бұрын
I am new to building apps. Can anyone suggest me from where I can learn Full stack. I want to build great looking web apps and websites. Any kind of help would be appreciated. Thank you. And great content Josh.
@little-chad
@little-chad Жыл бұрын
Can you please name me the font. I can't find it
@TypedefDev
@TypedefDev Жыл бұрын
Looks like notion's UI
@jsricochet
@jsricochet Жыл бұрын
Thought the same :)
@hghmnds
@hghmnds Жыл бұрын
literally notion
@mayanksharma6927
@mayanksharma6927 Жыл бұрын
why do you use windows?
@usmanmarkaz
@usmanmarkaz Жыл бұрын
sir plz start Next Js 13 crash course from beginner to advance with Ecommerce Project plz sir
@poopking8077
@poopking8077 Жыл бұрын
Email isn't simple? Isn't it just NextAuth with github provider?
@poopking8077
@poopking8077 Жыл бұрын
Yea its just the github provider what are you talking about lol
@cloneab-zi7id
@cloneab-zi7id Жыл бұрын
you are so look like andy in toy story film
@HSGG_
@HSGG_ Жыл бұрын
wtf, you look like me
@bikrantjungbudhathoki3687
@bikrantjungbudhathoki3687 Жыл бұрын
What actually is this taxonomy?? I dont get it.
@movntn
@movntn 2 ай бұрын
Can shad slow down please
@ooogabooga5111
@ooogabooga5111 Жыл бұрын
you use windows ??? okey biee "programmer"
@uwotm8634
@uwotm8634 Жыл бұрын
Elitism, windows is fine
@kaztraz
@kaztraz Жыл бұрын
Hey! @joshtriedcoding The link to your Discord is not working :(
This Package Saved My SaaS
5:46
Josh tried coding
Рет қаралды 106 М.
A Better Way to Write APIs?
12:00
Josh tried coding
Рет қаралды 88 М.
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 84 МЛН
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 12 МЛН
3M❤️ #thankyou #shorts
00:16
ウエスP -Mr Uekusa- Wes-P
Рет қаралды 8 МЛН
1 or 2?🐄
00:12
Kan Andrey
Рет қаралды 32 МЛН
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 606 М.
Why I Don't Use NextJS For My Side Project Anymore
6:51
Josh tried coding
Рет қаралды 62 М.
Shadcn + Next.js 13 is HEAVEN | A QUICK GUIDE
13:30
developedbyed
Рет қаралды 126 М.
I DONT USE NEXT JS
54:01
ThePrimeTime
Рет қаралды 325 М.
We Need to Talk About Redis.
14:55
Josh tried coding
Рет қаралды 88 М.
Fetching Data Doesn't Get Better Than This
6:58
Josh tried coding
Рет қаралды 86 М.
5 Amazing Open-Source React Projects to Learn From
6:35
Josh tried coding
Рет қаралды 92 М.
I Found the Perfect Open Source React Project (Code Review)
22:36
Cosden Solutions
Рет қаралды 62 М.
Open-Source NextJS Project to Master NextJS 13
9:33
Piyush Garg
Рет қаралды 9 М.
The Problem With UUIDs
6:36
Josh tried coding
Рет қаралды 69 М.
#miniphone
0:16
Miniphone
Рет қаралды 3,7 МЛН
GamePad İle Bisiklet Yönetmek #shorts
0:26
Osman Kabadayı
Рет қаралды 149 М.
iPhone 12 socket cleaning #fixit
0:30
Tamar DB (mt)
Рет қаралды 57 МЛН