This is amazing content. I watched the full video first to make sure it had all the features I need for my personal blog, and the content exceeded my expectation. Thank you very much for the good work.
Just a big thanks - I built a blog app using NextJS 12 years ago and wanted a quick tutorial to update and learn - you delivered 100%! You have a new Subscriber.
I really like what you have done and also how you have it on your own site! The video was very dedicated to be understandable with the styles and everything! very good ! congratulations!
Amazing content. Thank you. I'll finally have a place where I can write my stuff and have them publicly available, instead of just keeping them as notes on Notion haha Thank you, Jolly
Hi there, fantastic video, really love the way you explain things are you able to do a breakdown on how you created the JollyUI? would love to learn more about the architecture and creating reusable components for design systems
Your video really help me . and i have question how revert s.body to markdown? ( i want using for search text). hope you make new video about it . Thank you
Care to elaborate? Which part? What specifically did you not like? This was my first ever long from tutorial so I’m learning the best delivery methods, as well as how to keep content concise and deliver on a promise without every video teaching basics from the start over and over.
@@JollyCoding You can traverse the navbar section with a map, write an array of navbar tags so that you can change the navbar content directly to replace the common content later, and then your page layout is too repetitive and not componentized.
@democaff720 I honestly agree with your points. I try to strike a balance here. The reason I didn’t make the page layout into a reusable component was my intent for this was a basic starter template, and others could go in and addd their own styling and more later. If I made it a reusable component it would have been harder for the beginners to make each page more unique. I wanted styling to be as minimal as possible as the main learning goal was the MDX, Velite integration and NextJS. Essentially in the tutorial I was trying to avoid hasty abstractions, and let the learners adapt the starting project to meet their needs. All this said, I’ll take this onboard as a point about communicating this intent to the user, and maybe add points a long the way about how they could abstract it.
Thank you so much for the insightful tutorial; it's been incredibly helpful for my learning journey. However, I've run into a bit of a roadblock and would greatly appreciate any assistance from this knowledgeable community. I'm working on a Next.js project that includes a blog feature, for which I've employed the velite library. Locally, everything functions seamlessly, but I've hit a snag when deploying to Vercel: I'm encountering a RangeError: Maximum call stack size exceeded. Interestingly, this issue only arises when the velite library is part of the project-even after removing all the blog-related files and leaving only the library, the problem remains. I've attempted several fixes, such as rolling back to earlier versions of velite and double-checking my Next.js setup, all while keeping my next.config.js in its default state. Yet, the issue persists. If anyone here has navigated through similar challenges or could offer any guidance, I would be immensely thankful. Your expertise and insights would mean a lot to me. Thank you in advance for any help you can provide!
I wanted to share that the issue with the RangeError: Maximum call stack size exceeded during the Vercel deployment was resolved by downgrading a package from version 0.33.2 to 0.33.1. This might be helpful for others facing the same issue.
As always we want more, I would like to have tags, I would like to be able to see the posts by tags, that's something I also want for my blog! can you make the continuation for the tags?
I would do it the other way around so that you're generating all of the mdx files (styles, etc) on the server and then sending it to the client, which is what velite is doing. The defineConfig has a complete callback which you could use to then load the generated posts into your DB
1:13:06 the 1st line (import { posts} from "#site/content";) doesnt work for me. I tried different things but it seems like it just cant import it ? Could you explain what this line does ? Does it need dependencies ? Tysm, other than that its an awesome tutorial!
A huge thank you for this tutorial. You helped me out tremendously. If possible, would you be able to guide me or step me in the right direction on how to pass a featured image of a blog post through the post-item.tsx file to be displayed on the blog/page.tsx file? Thanks again for this excellent tutorial.
Honestly, familiarity with the project of shadcn. Will begin to implement mine in other tutorials, but I thought people might want to learn the big one first!
need help with this - my build is failing due to this error Failed to compile. ./app/api/route.tsx:8:2 Module not found: Can't resolve '../../../assets/fonts/Inter-Bold.ttf' 6 | 7 | const interBold = fetch( > 8 | new URL("../../../assets/fonts/Inter-Bold.ttf", import.meta.url) | ^ 9 | ).then((res) => res.arrayBuffer()); 10 | 11 | export async function GET(req: NextRequest) {
This is amazing content. I watched the full video first to make sure it had all the features I need for my personal blog, and the content exceeded my expectation. Thank you very much for the good work.
Just a big thanks - I built a blog app using NextJS 12 years ago and wanted a quick tutorial to update and learn - you delivered 100%! You have a new Subscriber.
isn't Next.js like 6 years old? or do you mean Next.js 12 😅
@@dellanmuchengapadare3792 NextJS 12 Yes sorry 😅
@@dellanmuchengapadare3792 I was looking for this so i don't have to type again🤣🤣🤣
I really like what you have done and also how you have it on your own site!
The video was very dedicated to be understandable with the styles and everything! very good ! congratulations!
I'm so grateful I found this video
same
Amazing content. Thank you.
I'll finally have a place where I can write my stuff and have them publicly available, instead of just keeping them as notes on Notion haha
Thank you, Jolly
This was very good. Thank you. looks like velite is the new contentlayer and it works really nice.
Thank you! I was looking for an updated course to build a blog. This was very helpful 🙌
Thanks for the video. Having migrated from content-layer, I have been looking for an alternative to getting types with my markdown. ✨✨
fantastic video! was looking for an example of rendering markdown with nextjs. glad i stumbled across this
Awesome to hear, thank you!
thanks for this incredible tutorial, please continue this tutorial series for creating dynamic table of content
Hi man. thanks a lot for this one. I just used your repo to power my personal blog.
53:12 "And then I'm gonna want some children as well" 😂
You're doing a great job! This is a great video, thanks for creating it.
Hi there, fantastic video, really love the way you explain things are you able to do a breakdown on how you created the JollyUI? would love to learn more about the architecture and creating reusable components for design systems
next level frontend using next 😍
Thank you, so insightfull 🙌
Excellent work !! Thank you very much !
that's exactly what i need now, thanks
Really helpful!!
This is pure Gold!!
Thanks jolly
Your video really help me . and i have question how revert s.body to markdown? ( i want using for search text). hope you make new video about it . Thank you
I am struggling to add images to my blog from mdx file, Images don't load correctly. What should I do?
Great work. Can you please add the appropriate license file to the git repo in case you want this code to be shareable with others like me.
Very good!
Great work, can we add table of contents to it on side? Which is dynamically generated?
Honestly I found It difficult to Undestand the tutorial
I will continue after learning further
Thanks
Anything you think I could improve, or was it more you just weren't at the level I was teaching yet?
Im always looking to improve!
@@JollyCoding Your content is Superb
,Actually I just jumped on NEXT js after doing some projects on MERN.
Oh, my God! Sir, you have no overall development thinking at all, and I was stunned after a part of the tutorial
Care to elaborate? Which part? What specifically did you not like?
This was my first ever long from tutorial so I’m learning the best delivery methods, as well as how to keep content concise and deliver on a promise without every video teaching basics from the start over and over.
@@JollyCoding You can traverse the navbar section with a map, write an array of navbar tags so that you can change the navbar content directly to replace the common content later, and then your page layout is too repetitive and not componentized.
@@JollyCoding I will reconstruct the project. It will take a little time. I will send you a private message on twitter.
@democaff720 I honestly agree with your points. I try to strike a balance here. The reason I didn’t make the page layout into a reusable component was my intent for this was a basic starter template, and others could go in and addd their own styling and more later. If I made it a reusable component it would have been harder for the beginners to make each page more unique. I wanted styling to be as minimal as possible as the main learning goal was the MDX, Velite integration and NextJS.
Essentially in the tutorial I was trying to avoid hasty abstractions, and let the learners adapt the starting project to meet their needs.
All this said, I’ll take this onboard as a point about communicating this intent to the user, and maybe add points a long the way about how they could abstract it.
I want to know how to add copy to clipboard button. Thanks
will it support video player inside the markdown?
Thank you so much for the insightful tutorial; it's been incredibly helpful for my learning journey. However, I've run into a bit of a roadblock and would greatly appreciate any assistance from this knowledgeable community.
I'm working on a Next.js project that includes a blog feature, for which I've employed the velite library. Locally, everything functions seamlessly, but I've hit a snag when deploying to Vercel: I'm encountering a RangeError: Maximum call stack size exceeded. Interestingly, this issue only arises when the velite library is part of the project-even after removing all the blog-related files and leaving only the library, the problem remains.
I've attempted several fixes, such as rolling back to earlier versions of velite and double-checking my Next.js setup, all while keeping my next.config.js in its default state. Yet, the issue persists.
If anyone here has navigated through similar challenges or could offer any guidance, I would be immensely thankful. Your expertise and insights would mean a lot to me. Thank you in advance for any help you can provide!
I wanted to share that the issue with the RangeError: Maximum call stack size exceeded during the Vercel deployment was resolved by downgrading a package from version 0.33.2 to 0.33.1. This might be helpful for others facing the same issue.
Thanks for this response, hope this helps others out!
@@JollyCoding Thank you for sharing your knowledge.
I am facing the same problem
Hey a question if have a src folder how to make the content detect at src/content folder?
how to make the toc?? i have tried but cant do it
As always we want more, I would like to have tags, I would like to be able to see the posts by tags, that's something I also want for my blog!
can you make the continuation for the tags?
Will add it to the list as it shouldn’t be too hard to implement!
Added tags! NextJS 14 Markdown Blog (Part 2): Adding Topic Tags
th-cam.com/video/aujEjdMO3ME/w-d-xo.html
my question is how can I make something like create a blogpost on backend then fetch to frontend and convert to mdx blog?
I would do it the other way around so that you're generating all of the mdx files (styles, etc) on the server and then sending it to the client, which is what velite is doing. The defineConfig has a complete callback which you could use to then load the generated posts into your DB
1:13:06 the 1st line (import { posts} from "#site/content";) doesnt work for me. I tried different things but it seems like it just cant import it ? Could you explain what this line does ? Does it need dependencies ? Tysm, other than that its an awesome tutorial!
I found the solution by messing with the code. I had to import from "@/.velite";
It works but I have no idea why the "#site/content" didnt work.
@@theoFL I was having the same issue but fixed it by running npx velite
A huge thank you for this tutorial. You helped me out tremendously. If possible, would you be able to guide me or step me in the right direction on how to pass a featured image of a blog post through the post-item.tsx file to be displayed on the blog/page.tsx file? Thanks again for this excellent tutorial.
Why did you use Shadcn instead of JollyUI?
Honestly, familiarity with the project of shadcn.
Will begin to implement mine in other tutorials, but I thought people might want to learn the big one first!
1:33:01
39:41
no search tho
2:45:20
the problem with app dir is that it isnt ready for prod. and the migration is pain in the ass! (pov 832 pages)
Why?
need help with this - my build is failing due to this error
Failed to compile.
./app/api/route.tsx:8:2
Module not found: Can't resolve '../../../assets/fonts/Inter-Bold.ttf'
6 |
7 | const interBold = fetch(
> 8 | new URL("../../../assets/fonts/Inter-Bold.ttf", import.meta.url)
| ^
9 | ).then((res) => res.arrayBuffer());
10 |
11 | export async function GET(req: NextRequest) {
Is the path definitely correct to that font file?