What is a counter?

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

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-appcd nuxt-appyarn installyarn dev -o

Nuxt.js Item

// ./nuxt.config.tsimport { defineNuxtConfig } from "nuxt";export default defineNuxtConfig({  // My Nuxt config});

details

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.

Nuxt item

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