I am wondering if it is really necessary to pass the "theme as chakraTheme" to the "overrides" object, suddenly we will be rewriting the document almost entirely without the need, when passed in extendTheme.
Would suggest storing your data in a CMS or using a specific database provider (relational or non-relational). Main reason is because most companies use some sort of CMS/database. The basics are good for beginners and this is a great tutorial for them. Subscribed and notified for support my friend. See you soon!
Many bloggers just use md files, for their blog posts and pages. They just run it for their own purpose, and noone else creates content. Using just md files is a great way to save money on server expenses, and if you're tech savvy, might as well.
@@quiverbird118 Exactly what I do! I used to use Wordpress but realized it was a waste of money because I could just make a static site for free. Also, if you want other people to post blog posts and your website is on GitHub they can simply create a pull request with their post!
great video but i'll suggest you preview the final project before start coding. this will give viewers the opportunity to know what they will be doing beforehand. thank you
in your theme.js, I cant seem to extendTheme the same way you do. I use typescript and it keeps telling me of a type mismatch. Any ideas how to handle this?
Hmm I have't run into this error before. Is the code on GitHub? If it is I would be happy to take a look. Otherwise, I would suggested checking stack overflow and posting a question there if need be.
@@BenjaminCarlson github.com/euseanwoon2016/my-portfolio/blob/main/styles/theme.ts github.com/euseanwoon2016/my-portfolio/blob/main/pages/_app.tsx Due to the error I mentioned before, I just followed the way the docs have suggested.
Hello, excellent tutorial when completing the first parts of the video the rendering is displayed in vscode => async DevServer.renderToHTML What I can do?
@@BenjaminCarlson If I have searched for stack overflow it comes out how to do when there are problems with the _document.js in the rendering but I think the problem will be in the vscode I will check well. I hope you can give a course by udemy about nextjs thanks
guy this class i'm starting studies chakra ui ... save from brazil..vlw
Great content. Thanks for sharing with us.
Good one but occasionally try to the preview/browser with what you've came up with... That's too blindly
great job man! thank you
👏👏👏
Great course. I'm curious where you will store your blogposts, will you store them in a headless CMS?
We will be storing the posts in a folder called data in the root of our app. You can see an example in my benjamincarlson.io repository on my github.
@@BenjaminCarlson To piggyback off that comment, it would be cool to see an integration of strapi with Next for this purpose.
I actually came across sanity.io which is similar to strapi. Maybe I'll do a tutorial with that and next.js
@@BenjaminCarlson that would be so great! I'm planning to build my portfolio site with Next.js and Sanity.io
@@BenjaminCarlson I've heard of sanity, through the traversy media channel. Would be dope, look forward to it.
I am wondering if it is really necessary to pass the "theme as chakraTheme" to the "overrides" object, suddenly we will be rewriting the document almost entirely without the need, when passed in extendTheme.
No it is not necessary. I had it in my website when I updated chakra from v0.8 to v1 and forgot to remove it. Thanks for catching this!
@@BenjaminCarlson
And I thank you for your class, hugs from Brazil!
Would suggest storing your data in a CMS or using a specific database provider (relational or non-relational). Main reason is because most companies use some sort of CMS/database. The basics are good for beginners and this is a great tutorial for them. Subscribed and notified for support my friend. See you soon!
you're absolutely right, using a cms is a great idea! Maybe I'll make a video soon covering that. Thanks for subscribing!
Many bloggers just use md files, for their blog posts and pages. They just run it for their own purpose, and noone else creates content. Using just md files is a great way to save money on server expenses, and if you're tech savvy, might as well.
@@quiverbird118 Exactly what I do! I used to use Wordpress but realized it was a waste of money because I could just make a static site for free. Also, if you want other people to post blog posts and your website is on GitHub they can simply create a pull request with their post!
for all the answers, now we have the strapi, cms headless in node.js.... is amazing @@quiverbird118
@lowcarbBookworm In fact, I would say that the free strapi service covers 99% of applications.
How do you change the colours of the text when its in dark mode? I'm have a bit of trouble understanding how Chakra works
great video but i'll suggest you preview the final project before start coding. this will give viewers the opportunity to know what they will be doing beforehand. thank you
Thanks for the suggestion!
in your theme.js, I cant seem to extendTheme the same way you do. I use typescript and it keeps telling me of a type mismatch. Any ideas how to handle this?
Typescript should be the same as js. Is your theme.js file and _app.js the same as mine?
@@BenjaminCarlson other than createBreakpoints, its pretty much the same.
Hmm I have't run into this error before. Is the code on GitHub? If it is I would be happy to take a look. Otherwise, I would suggested checking stack overflow and posting a question there if need be.
@@BenjaminCarlson
github.com/euseanwoon2016/my-portfolio/blob/main/styles/theme.ts
github.com/euseanwoon2016/my-portfolio/blob/main/pages/_app.tsx
Due to the error I mentioned before, I just followed the way the docs have suggested.
when you set the fourth breakpoint property as lg: "62em" does that override the lg: "64em"? so we have sm 40, md52 and lg 62?
yes, that is correct. Apologies for not clarifying this!
Also, check out github.com/chakra-ui/chakra-ui/issues/374 for a better way to declare breakpoints. This may change soon as well.
Hello, excellent tutorial when completing the first parts of the video the rendering is displayed in vscode => async DevServer.renderToHTML What I can do?
You might have a problem with vscode. Have you checked stack overflow?
@@BenjaminCarlson If I have searched for stack overflow it comes out how to do when there are problems with the _document.js in the rendering but I think the problem will be in the vscode I will check well. I hope you can give a course by udemy about nextjs thanks
if I could put my 2 thumbs up I would !
appreciate it!