This is my third article!

This is my third article!

You finally got the point about Nuxt content


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).