![](/_ipx/_/icon.png)
This blog is the fourth
Just like you, I didn't really fit anywhere when I was a kid. I still don’t, so I've built my own place. Modern psychology has evolved to understand a...
My first blog post
Welcome to my first blog post using content v2 module Hey there! 👋🏾 This is my first blog post learning nuxt content. I'm currently building it using the following:
- Nuxt.js
- Nuxt Content module
- TailwindCSS
- TailwindCSS typography
Nuxt.js
[Nuxt](https://nuxtjs.org/) is a powerful Vue framework that offers excellent development features such as server-side rendering.
npx nuxi init nuxt-appcd nuxt-appyarn installyarn dev -o
// ./nuxt.config.tsimport { defineNuxtConfig } from "nuxt";export default defineNuxtConfig({ // My Nuxt config});
Nuxt content module
Empower your NuxtJS application with [@nuxt/content module](https://content.nuxtjs.org/): write in a content/ directory and fetch your Markdown, JSON, YAML, XML, and CSV files through a MongoDB-like API, acting as a Git-based Headless CMS. You can get started with Nuxt Content by installing a new project.
npx nuxi init content-app -t content
TailwindCSS
Rapidly build modern websites without ever leaving your HTML. [TailwindCSS](https://tailwindcss.com/) is A utility-first CSS framework packed with classes like flex
, pt-4
, text-center
, and rotate-90
that can be composed to build any design directly in your markup.
TailwindCSS Typography
[Typography](https://tailwindcss.com/docs/typography-plugin) is a plugin that provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don't control (like HTML rendered from Markdown or pulled from a CMS).