React Next JS Typescript Drum Pads | Next.js Drum Machine with Typescript
Vložit
- čas přidán 26. 08. 2024
- NextJS is great! In this tutorial you'll learn how to setup Next.js with Typescript and create a fun little drum machine. Styled Components is also being used and the process of setting it up with Next.js.
Project files: github.com/wei...
Support me by subscribing to this channel ❤️
Do you want to master #react, #gatsby, or #svelte fast? ⏩ 🚀 👩🚀
Check out my premium courses at www.weibenfalk...
-
Find me somewhere below:
Website: www.weibenfalk...
Udemy: www.udemy.com/...
Linkedin: / thomas-weibenfalk-7635...
Twitter: / weibenfalk
Github: github.com/wei...
FreeCodeCamp: www.freecodeca...
Dev.to: dev.to/weibenfalk
Hey ... I've misplaced the "components" folder. It shouldn't be inside the "pages" folder. It doesn't matter really as the App will work anyways. But now it will create a route for that component also as it's in the "pages" folder and that's not necessary.
suuper cool. next js is awesome
Oh! I was just learning NextJS. Thanks a lot Thomas!
That was amazing, Thomas.
Won't the drum component be accessible from browser at localhost:port/components/drum ? Normally, I place react components outside the pages folder.
Yeah .. you're absolutely right! I've misplaced the components folder. It should be outside of the pages folder of course. Thanks!
This was very good! I did it and it had everything I needed to know! Thank you.
Thanks. Glad it helped.
Which one is your favorite between Nextjs and Gatsby? Any thoughts on a Nextjs course similar to the Gatsby Wordpress course in the future?
I actually like them both. Starting to like NextJS even more when I use it more.
No course right now. Having a break from courses now as I've been working hard with my gatsby-wordrpress site that just released