Writing platform
A portfolio blog has become the front store window of all digital economy workers. This post shows the techniques to develop a modern blog.
A portfolio blog has become the front store window of all digital economy workers. This post shows the techniques to develop a modern blog.
What features should a modern dynamic blog include?
What Components for a blog
- Runtime: Node, Deno, ...
- Frameworks: Hugo, Deno Lume
- Hosting: Gandi, DigitalPress
- CMS: Ghost CMS, Webflow CMS, WordPress CMS
- Front-end framework: HyperUI, Tailwind
- Pages: Home, Archive, About
- CLI tool for article navigation
- Plugins
- Grammar corrector (ie. Grammarly)
- Image resize
- Sub lists
- Split (ie. Go by example)
- Table of contents (ie. Custom JS+CSS)
- Search with tags (ie. Algolia)
- Animation (ie. Framer Motion)
- Speaker (ie. Google Cloud TTS)
- Blog data manipulation
For plugin execution, check Ghost blog.
What stack should be chosen?
Blog themes (could be translated to CSS)
Examples of blog
- https://github.com/james-wallis/wallis.dev
- https://commoncog.com/g/burnout/ (Ghost + CSS)
- https://confuzeus.com/posts/python-ruby-readability/
- https://parsec.ro/ (Table)
Animation
- Framer Motion
ie. https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion
Structure of the articles
- Problem
- Solution