Getting Started
Installation
This is the how you go about installing this thing.
Notice
This is just random dummy data. Don't take it too seriously.
Nuxt Config
This is what my config file looks like
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
devtools: { enabled: true },
modules: [
"@nuxt/content",
"nuxt-icon",
"@nuxtjs/tailwindcss",
"@vueuse/nuxt",
"nuxt-lodash",
"nuxt-headlessui",
],
content: {
documentDriven: true,
highlight: {
theme: {
default: "material-lighter",
dark: "material-palenight",
},
},
},
headlessui: { prefix: "H" },
app: {
head: {
title: "Duxt",
titleTemplate: "%s - Duxt",
link: [
//Inter font
{ rel: "stylesheet", href: "https://rsms.me/inter/inter.css" },
{ rel: "preconnect", href: "https://rsms.me/" },
// Mono font
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",
},
],
},
},
// This will ensure that when we go to the / page, we get redirected to the /getting-started page
routeRules: {
"/": { redirect: "/getting-started" },
},
});
Shoutout to all the people who made these awesome modules.
One line
npx nuxi@latest init .
Table of contents