Evolution of my blog

📅2023-07-21🧐112

Sadly, I lost my blog contents since the failure of my VPS ubuntu upgrading in the last year, and my only local backup was left in my hometown. But maybe this is a good thing so I can forget the past and learn more new things.

And since the original blog looks ugly:

blog

This time I try to use wagtail as CMS, and build the frontend using nextjs.

The reason of using nextjs is to use the Server-Side rendering (SSR) components of react, to provide better SEO performance.

When I hand on the code of Nextjs 13, appdir is still a experimental feature, now it already becomes a stable feature, and I have upgrade to the latest relase very smoothly.

I use the route like : https://freeyeti.net/title-like-slug/ for my blog posts to make it looking better and friendly for web crawler. This is very easy to implement in a Nextjs app like by this way:

nextjs-blog-router

About the admin site, Wagtail CMS has a lot of features, including streaming fields to allows user create amazing contents

wagtail-cms

Then I use Wagtail APIs to serve page content for my frontend. So I built this brand new blog very quickly.

Here are my source code for the admin site and frontend, you could start the admin site and API service by docker very easily:

https://github.com/Jianxuan-Li/freeyeti-backend

https://github.com/Jianxuan-Li/freeyeti-frontend-nextjs