NextJs

Next.js enables you to create high-quality web applications with the power of React components. Check out their official documentation here

Deploy a Nextjs App

In this tutorial, we have used create-next-app to setup our Nextjs project.

1. Fork/Clone this Hostless-Nextjs-Example repo from github

2. Click on 'Create New App'

3. Choose a suitable app name

4. Choose your github account

5. Choose the forked github repo/the cloned remote repo

6. Choose a build system

   1. 'Detect automatically with Nixpicks' - automatically detects the programming language and builds the app
   2. 'Docker' - looks for a Dockerfile in the root of the project and build based on the instructions

7. Input a start command(optional) - By default uses yarn start

8. The PORT environment variable is set by Hostless

Sample configuration

Example project

An example project is hosted on https://hostless-nextjs-example.hostless.app/

Note

• You may need to increase the memory of the app in the settings page. React app may not run with 128MB memory allocated to it.