Bootstrap the Project

In this lesson, we’ll bootstrap the Trello board project using Nuxt.js. Nuxt is a meta framework built on top of Vue that provides a wealth of developer conveniences for working with Vue 3.

Nuxt also provides SSR for Vue components but we won’t need that for this course. You can turn off server side rendering with the following setting.

// nuxt.config.ts
export default defineNuxtConfig({
  ssr: false, // ⬅️
});

Links

• Vue Draggable Github Repo
• Vue Draggable Demo
• nanoid
• Nuxt Tailwind Module
• Nuxt VueUse Module
• Nuxt Docs: nuxt.config.ts