Nuxt

About

For Vue enthusiasts, those planning on scaling their projects in the long term, or those looking to add dedicated front-end developers to their team, Nuxt supercharges the Vue 3 framework with several new features. Some of the features it provides out of the box are zero-config TypeScript support, auto-imports, server-side rendering, file-based routing, and code-splitting optimizations. It is an ideal choice for any large front-end project.

Integration

Through the AppIgnition integration, you can automatically install a pre-configured boilerplate NextJS application that can automatically connect to a Laravel back end. The following features will be included on a fresh install.

  • The Vuetify component library has already been installed and configured.
  • The look and feel of your application is ready to be modified through Vuetify's SASS variables.
  • A basic implementation of several authentication features is ready to be connected to your back end. This includes several middleware scripts that determine whether a user is logged in, verified, etc.
  • A robust configuration of ESLint and Stylelint is included for an optimal Vue & Nuxt development experience.
  • The Nuxt Internationalization plugin has been added and is ready for immediate use.
  • A basic GitHub workflow and CircleCI configuration has been configured for verifying your builds on new PRs against your main branch.
  • Automatic Sitemap generation has been included and is immediately available for your Nuxt routes.

For more information about the integration, you can read the README on the repository.

Installation

You can install a Nuxt application similar to installing a Laravel application. First, you must select New App in the menu. Then, click the Nuxt card. Finally, fill in the required information. You have the option to install a fresh Nuxt application, or an existing one by providing a Git URL. To make sure your application connects to one of your Laravel back ends, be sure to choose one in the Back-end Application dropdown or select New Laravel App to create a new one.

New Nuxt app