Project Introduction

This project is a personal blog project based on Next.js+Tailwind CSS and other technologies.

➕➕

I have experienced most of the blogging systems on the market, from the sophomore touch wordpress, typecho, etc. CMS, to the junior year began to toss static blogging framework (SSG), such as Jekyll, Hexo, Hugo, etc.

➡️

But I always feel inconvenient to use, specifically, when I want to expand the functional modules, it's hard to start.

One the one hand, I don't familiar with php language which is used by wordpress; on the other hand, the ssg(static site generator) is hard to achieve dynamic features by itself.

When I choose wordpress, I will be lost in the sea of plugins, although wordpress plugins ecologically rich, which can meet any of your fantasies, the good and free plugins are too few.

Take the article toc plugin as an example, the vast majority of article toc plugins use open source technology, but integrated into wordpress, there will be a free version and paid version, the free version of the function can only meet the basic needs. Most of the practical features are required to pay.

As a hacker and coder, I don't like this kind of blog system.

When I tossed the static blogging framework, I found that the higher-level features of the blog, such as search, comment section, etc., need the help of external applications. some third-party applications are really good, such as the comment project-waline, search project—algolia. My ideal blog model is to develop all the functions by myself, so that I can be independent and controllable, and convenient for my future expansion.

It is easy to find that dynamic blogs and pure static blogs have their own advantages and disadvantages, I tried to find a balance between them, so I came up with this project - the design and implementation of a personal blog system based on Next.js.

Next.js is a full-stack framework, server-side rendering (SSR) + static site generation (SSG), and then relying on the vercel platform, can achieve the DPS (Develop, Preview, Ship) development process.