Installation

Before creating a new application, you should ensure that you have Node.js and npm installed on your computer. AdonisJS needs Node.js >= 20.6.

You may install Node.js using either the official installers or Volta. Volta is a cross-platform package manager that installs and runs multiple Node.js versions on your computer.

node -v
# v21.0.0

Creating a new application

You may create a new project using npm init, yarn create or pnpm create. These commands will download the create-adonisjs initializer package and begin the installation process.

During installation, you must select a starter kit for the initial project structure. Optionally, you may use the -K CLI flag to create a project with a custom starter kit.

npm init adonisjs@latest hello-world

yarn create adonisjs@latest hello-world

pnpm create adonisjs@latest hello-world

Starter kits

Starter kits serve as a starting point for creating applications using AdonisJS. They come with an opinionated folder structure, pre-configured AdonisJS packages, and the necessary tooling you need during development.

Web starter kit

The Web starter kit is tailored for creating traditional server renderer web apps. Do not let the keyword "traditional" discourage you. We recommend this starter kit if you make a web app with limited frontend interactivity.

The simplicity of rendering HTML on the server using Edge.js will boost your productivity as you do not have to deal with complex build systems to render some HTML.

Later, you can use Hotwire, HTMX, or Unpoly to make your applications navigate like a SPA and use Alpine.js to create interactive widgets like a dropdown or a modal.

npm init adonisjs@latest -- -K=web

The web starter kit comes with the following packages.

API starter kit

The API starter kit is tailored for creating JSON API servers. It is a trimmed-down version of the web starter kit. If you plan to build your frontend app using React or Vue, you may create your AdonisJS backend using the API starter kit.

npm init adonisjs@latest -- -K=api

In this starter kit:

• We remove support for serving static files.
• Do not configure the views layer and vite.
• Turn off XSS and CSRF protection and enable CORS protection.
• Use the ContentNegotiation middleware to send HTTP responses in JSON.

The API starter kit is configured with session-based authentication. However, if you wish to use tokens-based authentication, you can use the --auth-guard flag.

See also: Which authentication guard should I use?

npm init adonisjs@latest -- -K=api --auth-guard=access_tokens

Slim starter kit

For minimalists, we have created a slim starter kit. It comes with just the core of the framework and the default folder structure. You may use it when you do not want any bells and whistles of AdonisJS.

npm init adonisjs@latest -- -K=slim

Bring your starter kit

Starter kits are pre-built projects hosted with a Git repository provider like GitHub, Bitbucket, or Gitlab. You can also create your starter kits and download them as follows.

npm init adonisjs@latest -- -K="github_user/repo"

# Download from GitLab
npm init adonisjs@latest -- -K="gitlab:user/repo"

# Download from BitBucket
npm init adonisjs@latest -- -K="bitbucket:user/repo"

You can download private repos using Git+SSH authentication using the git mode.

npm init adonisjs@latest -- -K="user/repo" --mode=git

Finally, you can specify a tag, branch, or commit.

# Branch
npm init adonisjs@latest -- -K="user/repo#develop"

# Tag
npm init adonisjs@latest -- -K="user/repo#v2.1.0"

Starting the development server

Once you have created an AdonisJS application, you may start the development server by running the node ace serve command.

Ace is a command line framework bundled inside the framework's core. The --watch flag monitors the file system and restarts the development server on file change.

node ace serve --watch

Once the development server runs, you may visit http://localhost:3333 to view your application in a browser.

Building for production

Since AdonisJS applications are written in TypeScript, they must be compiled into JavaScript before running in production.

You may create the JavaScript output using the node ace build command. The JavaScript output is written to the build directory.

When Vite is configured, this command also compiles the frontend assets using Vite and writes the output to the build/public folder.

See also: TypeScript build process.

node ace build

Configuring the development environment

While AdonisJS takes care of building the end-user applications, you may need additional tools to enjoy the development process and have consistency in your coding style.

We strongly recommend you use ESLint to lint your code and use Prettier to re-format your code for consistency.

The official starter kits come pre-configured with both ESLint and Prettier and use the opinionated presets from the AdonisJS core team. You can learn more about them in the Tooling config section of the docs.

Finally, we recommend you install ESLint and Prettier plugins for your code editor so that you have a tighter feedback loop during the application development. Also, you can use the following commands to lint and format your code from the command line.

# Runs ESLint
npm run lint

# Run ESLint and auto-fix issues
npm run lint -- --fix

# Runs prettier
npm run format

VSCode extensions

You can develop an AdonisJS application on any code editor supporting TypeScript. However, we have developed several extensions for VSCode to enhance the development experience further.

• AdonisJS - View application routes, run ace commands, migrate the database, and read documentation directly from your code editor.

• Edge - Supercharge your development workflow with support for syntax highlighting, autocompletion, and code snippets.

• Japa - Run tests without leaving your code editor using Keyboard shortcuts or run them directly from the activity sidebar.