Nuxt Content v2 is awesome!

Nuxt Content v2 is awesome!

This is my first article!

  • Nuxt
  • Content
  • Learning
  • first

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 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!

This will be rendered inside the description slot. It's important to see how this works. More information can be found here

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