NextJS

About

NextJS is an ideal choice if you're looking to build a world-class React application. Used by some of the largest companies, it boasts a number of features that will elevate your development experience to the next level. This includes server-side rendering, built-in optimizations, zero-config TypeScript support, and file-based routing. It's a fantastic framework 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 MUI component library has already been installed and configured.
  • The look and feel of your application is ready to be modified through MUI's configured theme.
  • 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 is included for an optimal React & NextJS development experience.
  • The next-intl plugin for internationalization 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.

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 NextJS 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 NextJS app