My third blog post
Welcome to my third blog post using content v2 module
Hey there! 👋🏾 This is my third blog post learning nuxt content.
I'm currently building it using the following:
- Nuxt.js
- Nuxt Content module
- TailwindCSS
- TailwindCSS typography
Nuxt.js
Nuxt is a powerful Vue framework that offers great development features such as server side rendering.
npx nuxi init nuxt-app
cd nuxt-app
yarn install
yarn dev -o
// ./nuxt.config.ts
export default defineNuxtConfig({
// My Nuxt config
});
Here's a handy bit of information for you!
Nuxt content module
Empower your NuxtJS application with @nuxt/content module: 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 fresh project
npx nuxi init content-app -t content
TailwindCSS
Rapidly build modern websites without ever leaving your HTML. TailwindCSS is A utility-third 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 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).