Skip to content

Pfrommer1982/most-complete-nuxt3-starter

Repository files navigation

Best-Nuxt-template

Welcome to the Nuxt3 Starter Kit! This starter template is designed to kickstart your web development with a powerful combination of modern tools and libraries. Whether you're building a new project or exploring the capabilities of Nuxt3, this starter kit provides you with a solid foundation and a range of pre-configured features.

Live Demo

Experience the power of this starter kit in action: Live Demo

Features

This starter kit comes pre-configured with the following technologies:

  • Nuxt3: The latest version of the Nuxt framework for Vue.js, providing a powerful and flexible foundation for your application.
  • i18n: Internationalization support to easily create multilingual applications.
  • Vuetify: A material design component library for Vue.js, offering a rich set of components and a responsive layout system.
  • Sass: A popular CSS pre-processor that helps you write more maintainable and modular styles.
  • Firebase: Backend services including authentication, database, and storage to support your application's needs.
  • GSAP: GreenSock Animation Platform for creating high-performance animations.

Getting Started

To get started with this starter kit, follow these simple steps:

  1. Clone the Repository

    First, clone the repository to your local machine:

    git clone https://github.com/Pfrommer1982/most-complete-nuxt3-starter.git
    
  2. Navigate to the Project Directory

    cd most-complete-nuxt3-starter
    
    
  3. Install the required dependencies using npm:

    npm install 
    
    
  4. Start the development server to view your project locally:

    npm run dev
    
  5. Open your browser and go to http://localhost:3000 to see your Nuxt3 app in action.

Configuration This starter kit is already configured with the following:

  • i18n: For internationalization, check the configuration in nuxt.config.ts and the locale files in the locales directory.
  • Vuetify: Customize your Vuetify theme in plugins/vuetify.js.
  • Sass: Add or modify your styles in the assets/scss directory.
  • Firebase: Configure your Firebase settings in plugins/firebase.js. (store your api secrets in an .env file)
  • GSAP: Utilize GSAP for animations directly in your components.

Contributing We welcome contributions to this project. If you'd like to contribute, please fork the repository and submit a pull request with your proposed changes.

License This project is licensed under the MIT License. See the LICENSE file for more details.