Chakra UI Quickstart - With NextJS

[@BenjaminCarlson]

Should I make a longer tutorial video about making a personal website with chakra-ui and next.js? It would be a few static pages, some api routes, and possibly a blog using mdx pages.

[@tatemo_labs]

Awesime content on this video, thank you! Also, your first intention I really like it - creation a site as you described. However, if I can suggest a business website where you have to integrate NextJS with an html5 theme, add a Contact Form and some backend for business site (like MSX blog page). I still don't get the clue with NextJS and html5 themes.

[@toxtethogrady4610]

That would be awesome... didnt know chakra....some nice conveniences

[@1nickwild]

Yes that would be great thanks

[@AnthonyCandaele]

great video. I'm planning to build my next project, an e-commerce site, with Next.js. I'm also thinking about using Chakra UI. The thing I like about Chakra UI, is that you can implement your own custom theme.

[@BenjaminCarlson]

Thanks for the responses, I'll take them into consideration when I film the series! Currently, I am working on a Flutter series so stay tuned for that!

[@LongBoy.0]

Thanks for this gentle introduction to Chakra UI. I'm amazed at how nice it is.

[@BenjaminCarlson]

It really is! Just using the default config gives you a super modern and beautiful UI!

[@LongBoy.0]

@@BenjaminCarlson But its also so easy to customize in a clean an modular way, which is better than many other component libraries where the customization/escape hatches feel messy and irregular.

[@jarryingnaut]

The explanation is amazing. Thank you so much man for making this tutorial.

[@BenjaminCarlson]

Appreciate the comment! Glad you liked it!

[@shannoncole4379]

Great video! I'm very new to react/nodeJs/nextJs and building a project as a way to learn. I wanted an easy to understand and use ui component library and heard Charkra-ui was good. Thanks to your video I was able to get this setup and a great boilerplate to use in my projects. Much appreciated! I noticed a few other videos you have that will help me with my project too! Subscribed and looking forward to going through them.

[@BenjaminCarlson]

that's awesome! Hope you enjoy and find my content helpful

[@radmehraghdam8549]

Very Gooooooooooooooooooooood!

[@alquinex]

Hi Benjamin, thanks for the video. It would be really great if you make a full course with Chakara UI and Next.js or Gatsby or React. Thanks in advance! :)

[@BenjaminCarlson]

Full course coming soon! Feel free to check out my community tab to vote!

[@kayodeadechinan5928]

Really enjoyed this one! thanks

[@cagan8]

Yeah it would be cool if u can make a NextJS/Chakra personal site.

[@BenjaminCarlson]

It's coming soon!

[@adamsmith6460]

Great video!

[@BenjaminCarlson]

Glad you enjoyed!

[@devfren]

nice video, i cant figure out how to change the background from the default blue! any suggestions?

[@bryanprimus]

you didn't explain how to change background color of page when in the light or dark mode

[@BenjaminCarlson]

Check out this video where I explain that and more!! kzbin.info/www/bejne/opmyp3xvqJqah7s

[@alfyonyango]

Hey. Thanks for this.

[@georgeyvb4460]

Can you make a responsive navbar using chakra and next if possible..!

[@BenjaminCarlson]

The one in this video is responsive, just a bit basic. Do you mean a nav bar that changes to drop-down when on mobile? I can definitely do that.

[@georgeyvb4460]

@@BenjaminCarlson Yess exactly, kinda like the hamburger Thanks man

[@BenjaminCarlson]

Just released the video! Watch it here: kzbin.info/www/bejne/b6HEc3x3Z7doeZI

[@yigitruzgaruzun7289]

Thanks

[@AllahomAnsorGaza]

thank you for you guides bro and you need silent keyboard :D

[@BenjaminCarlson]

haha yeah sorry about that

[@theseanmodd]

fucking awesome