A non-award winning blog about my web dev journey ✍️ Sharing quick stories on how I solve and create new things ✨
https://blog.tina.cafe
| .data/content | ||
| .github | ||
| assets | ||
| components | ||
| content/posts | ||
| layouts | ||
| pages | ||
| public | ||
| .dockerignore | ||
| .gitignore | ||
| .prettierrc.json | ||
| bun.lock | ||
| content.config.js | ||
| Dockerfile | ||
| nuxt.config.js | ||
| package.json | ||
| README.md | ||
| tailwind.config.js | ||
Infos
It starts with me playing around with headless CMS. And it ends with me having now a blog ✨
All blog posts are Markdown files with a Front Matter block. These files a then 'convert' to html files using Nuxt Content module. This enables cool features such as automatic retrieval of the latest posts on the landing page or gobal style and layout.
Good Reading 💖
Live
🔗 blog.tina.cafe
Stack
Nuxt.js
- ⚡️ Static website generation
Nuxt Content module
- 📄 Git-based Headless CMS
Tailwind
- 💄 Responsive design
- 🎨 PurgeCSS
Links
- 🏗️ Nuxt.js: https://nuxtjs.org
- 📄 Nuxt Content: https://content.nuxtjs.org/
- ✨ Vue.js: https://vuejs.org
- 💄 Tailwind CSS: https://tailwindcss.com
Build Process
# install dependencies
$ bun install
# dev server with hot reload
$ bun dev
# build for production
$ bun run generate