The overload of ideas has pushed me to connect the dots, analogous to my connected thoughts forming a data structure.

Undirected Graph

Netlify Status
MADE BY Next.js


  • Tagging: organizes content by tags
  • Author: displays author names who write a post
  • Pagination: limits the number of posts per page
  • CMS: built with CMS to allow editors modifying content with the quickest way
  • SEO optimized: built-in metadata like JSON-LD
  • Shortcode: extends content writing with React component like WordPress shortcodes


Styling pages by a customized theme

All source codes related to the blog are under components and pages directory.
You can modify it freely if you want to apply your design theme.
All components use styled-jsx and css-modules to define their styles, but you can choose any styling libraries for designing your theme.

The directory tree containing the blog source code are described below:

meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js



View Github