DEV Community

jgngo
jgngo

Posted on • Edited on

Nuxt 3 Project

Starting a project example-proj. If you wish to build a project including an API, please use Sidebase because it has selected plugins pre-configured. For building a Single Page Application, this is a good starting point.

npx nuxi@latest init example-proj
cd example-proj
pnpm install --save-dev @nuxtjs/tailwindcss
pnpm install --save-dev nuxt-icon
pnpm install --save-dev @tailwindcss/typography
pnpm install --save-dev @sidebase/nuxt-auth
pnpm install @headlessui/vue
Enter fullscreen mode Exit fullscreen mode

Configure Tailwind

nuxt.config.ts

export default defineNuxtConfig({
    modules: [
        '@nuxtjs/tailwindcss',
        '@sidebase/nuxt-auth',    
        'nuxt-icon'
    ],
    app: {
        head: {
            link: [
                { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
            ]
        }
    }
})
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up