joelmasters/next-js-aws-elastic-beanstalk

Deploying NextJS App to AWS Elastic Beanstalk

1.0 Getting Started

Installing Node JS

Head on over to https://nodejs.org/en/ and install Node JS.

Installing NPM (Node Package Manager)

Head over to https://www.npmjs.com/get-npm to install NPM.

Create Project Folder

Create a folder where you want your app to be stored on your local computer (either using a terminal or clicking using the standard operating system user interface).

Now you will need the terminal. Open up the terminal and navigate to the folder you created.

Common commands:

• ls - lists the files and folders inside of your current directory
• cd <folder name> - change folders to folder name specified
• cd .. - move up one folder

Installing NextJS

While in the terminal (and in your folder), install NextJS using npm install --save next react react-dom

2.0 Creating NextJS App

Creating App

Testing App Locally

3.0 Setting up AWS Elastic Beanstalk

Create Account

Create App

Create Environment

Free/Low Cost

4.0 Uploading NextJS App to Elastic Beanstalk

Configuring Settings

Create .ebextensions/node-settings.config

Proper YAML formatting

Updating package.json

Creating server.js

Updating port

Zip Files

Mac OSX

5.0 Troubleshooting

6.0 FAQs