Vue Templates Logo Vue Templates
Naive UI Like Nuxt3 Template screenshot

Naive UI Like Nuxt3 Template

Author Avatar Theme by Baiyuetribe
Updated: 16 Mar 2022
11 Stars

启发自Nuxt3的前端模板库

Github Live Preview

Categories

Nuxt Vite Templates & themes

Overview:

The Naive-ui frontend template is a layout and component structure built on Nuxt3. It provides a clean and organized directory layout, with automatic importing of layouts, pages, components, and plugins based on demand. It also includes features such as UI theming, PiniauseFetch for API handling, I18n internationalization, and Locals language support. The template aims to facilitate full-stack development and allow for seamless migration to Nuxt3 for server-side rendering.

Features:

  • Nuxt3 Directory Layout: The template provides a well-structured directory layout based on Nuxt3 guidelines.
  • Automatic Imports: The template automatically imports layouts, pages, components, and plugins as needed, reducing manual effort.
  • UI Theming: The template supports both light and dark UI themes, allowing for easy switching between them.
  • PiniauseFetch: Integrated with PiniauseFetch from VueUse, the template offers convenient API handling.
  • I18n Internationalization: The template includes support for internationalization, allowing for easy translation of content.
  • Locals Language Support: The template offers language support, providing localization for different regions or languages.
  • Function Components and Composables: The template supports function components and provides composables for efficient development.

Installation:

To install the Naive-ui frontend template, follow these steps:

  1. Clone the repository:
git clone [repository-url]
  1. Navigate to the project directory:
cd [project-directory]
  1. Install the dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Access the app in your browser at http://localhost:3000.

Summary:

The Naive-ui frontend template is a comprehensive and well-organized solution for building frontend applications using Nuxt3. It offers a range of features including automatic imports, UI theming, API handling, internationalization, and language support. The template aims to simplify the development process and allow for easy migration to Nuxt3 for server-side rendering.