Nuxt Content v2 is awesome!

Nuxt Content v2 is awesome!

First article in sdb df b ds df h nndfh ndf h hj dsh dns fdh n dfh dfh h n dfh h n fdhbh df 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!

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