Migrating Blog from Notion to Hugo

PublishedAugust 4, 2023

I am always eager to experiment with new technology and share my experiences and insights gained through trial and error. Currently working as Backend Engineer.

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Create Canva Design From Hashnode Blog at Ease

Integration between Hashnode and Canva that you'd never expect

Feb 2, 20243 min read

Create Canva Design From Hashnode Blog at Ease

YoutubeAsk: Ask Any YouTube Video

Jan 15, 202411 min read

Privacy in Generated AI Era: redactd powered by Pangea Cloud

Introduction Generated AI is one of the latest tech. The progress is swift, and it actually helpful for many jobs in every aspect of people's lives. The most groundbreaking tech discovery after spreadsheet :p. Everyone uses it. LLM like ChatGpt, trai...

Nov 15, 20233 min read

Privacy in Generated AI Era: redactd powered by Pangea Cloud

Navigating the Challenges of Third-Party API Integration: Lessons Learned from Personal Experience

Over the past three years, I have been working on aggregator apps. These apps essentially act as intermediaries between users and various systems. The main goal is to provide a seamless user experience by allowing them to interact with multiple syste...

Jul 7, 20235 min read

Navigating the Challenges of Third-Party API Integration: Lessons Learned from Personal Experience

Fandy Aditya Dev Blog

12 posts

The Issue

The issue is because it is deployed on vercel free, and 500 pages on my personal blog, vercel 10s timeout limit background worker cannot fetch all the updated data because there to many pages. So, i need to trigger build everytime i post something new. Also with the 10-second timeout limit background process, the tools cannot generate sitemap.xml for the blog because the pages need more than 10-second to generate. Google never knew my blog.

After 1 year keep using it, for this month, I insist on migrating my blog to static-site generator. And my choice is Hugo.

Why Hugo?

Apparently, I don't have any particular reason why I choose Hugo over another alternative like Gatsby.js and etc. Maybe it was just an impulsive decision because currently I'm working with Golang in my workplace (and I love it), so Hugo that builds using Golang become my choice. If you want to get any other good comparison, I think there is already good information out there.

Migration Process

So the process of migration we can separate into these step:

Create Hugo project, and import themes

Configure the themes

Export Notion pages into markdown

Change every markdown metadata into Hugo format

Copy new formatted markdowns

Publish and done!

For step 4, I create a Node.js script to do the job. You can steal the script here:

Basically what the script does is replace all Notion markdown metadata and reform it into Hugo-supported metadata.

And it is done! My new blog has new skin, and it is blazing fast. Also super sleek layout thanks to this theme. Check my blog here:

Command Palette

Comments

More from this blog

The Issue

Why Hugo?

Migration Process

TIL