Nuxt 3 и все что нужно для фронта с SSR

Nuxt 3 Docs - дока

UI библиотеки и CSS фрэймворки

• Tailwind CSS - A utility-first CSS framework
• Windi CSS - Next generation utility-first CSS framework.
• daisyUI - Tailwind CSS Components
• WindiUI - для Tailwind и WindiCSS
• headlessUI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
• Tailwind UI - Beautiful UI components, crafted with Tailwind CSS

Nuxt 3 - Полезные статьи

API

• Minimal GraphQL Client + Code Generation for Nuxt
• Dynamic API Requests with Nuxt 3

Nuxt + Django

• How To Build a Universal Application with Nuxt.js and Django
• Building a simple application using Nuxt.js/Vue.js and Django
• Nuxt + Django + GraphQL на примере

Docker

• Dockerize Nuxt.js
• Docker Multi-stage build
• Reducing Docker image size of a Nuxt SSR application
• How to create a dockerized Nuxt 3 development environment

Other

• Setting up user authentication with Nuxtjs and Django Rest Framework
• Deploy Nuxt3 via Github Actions
• Using SASS global variables in Nuxt JS
• Adding ESLint and Prettier to Nuxt 3
• How to use Tailwind CSS with Nuxt.js

Стартерпаки

• Nuxt 3 With Tailwindcss 3 - The template that starts tailwindcss fastest on nuxt3 without annoying settings
• Nuxt 3 + WindiCSS - a Nuxt 3 template and boilerplate with a lot of useful features. Nuxt 3 + Tailwindcss v3

Nuxt 3 примеры

• Блог китайца
• Nuxt 3 CRUD App
• verbose-equals-true - Django, DRF, VueJS, Docker, NGINX, Traefik, VuePress, Portainer, Celery, Flower, Element UI, GitLab CI
• harlan-zw/harlanzw.com - My personal website built with Nuxt v3 and Nuxt Content v2.
• terib0l/genicons - пример авторизации с бэка

Интересные модули

• nuxt-api-party - Nuxt 3 module to securely connect with any API – server proxy & dynamic composable names
• Галереи-слайдеры
• iconify.design - Thousands of icons, one unified framework.
• @nuxtjs/eslint-module - ESLint module for Nuxt.js
• Nuxt Icon - The component, supporting Iconify, Emojis and custom components.
• @nuxtjs/color-mode - Dark and Light mode with auto detection made easy with Nuxt 🌗
• Atinux/content-wind - A lightweight Nuxt theme to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.
• vue3-easy-data-table - is a customizable and easy-to-use data table component made with Vue.js 3.x.
• antfu/eslint-config - Anthony’s ESLint config presets
• VueUse - Collection of Vue Composition Utilities

Errors

Error: –openssl-legacy-provider is not allowed in NODE_OPTIONS

export NODE_OPTIONS=--openssl-legacy-provider

vue/no-multiple-template-root

1
2

// eslintrc.cjs
rules: { 'vue/no-multiple-template-root': 'off' }