NextJS support added

Author: Touqeer Ahmad

README.md

@@ -39,6 +39,7 @@ The following stacks are currently supported
 - Django
 - React JS
 - Node JS
+- Next JS
 - PHP
 - Static HTML
 
@@ -103,6 +104,9 @@ sh install.sh python /path/to/django/project
 # or for a reactjs project
 sh install.sh reactjs /path/to/reactjs/project
 
+# or for a nextjs project
+sh install.sh nextjs /path/to/nextjs/project
+
 # or for a node project
 sh install.sh node /path/to/node/project
 
@@ -130,6 +134,9 @@ deploy --install python /path/to/django/project
 # or for a reactjs project
 deploy --install reactjs /path/to/reactjs/project
 
+# or for a nextjs project
+deploy --install nextjs /path/to/nextjs/project
+
 # or for a node project
 deploy --install node /path/to/node/project
 
@@ -188,7 +195,7 @@ It can also use the commented out optional files that are listed, but will work
 All projects must have the following vars defined (in app-config.sh or config.sh) so that the relevant steps are executed.
 
 ```bash
-# The project type. Currently supported options are: java, rails, python, node, and reactjs
+# The project type. Currently supported options are: java, rails, python, node, reactjs and nextjs
 TYPE=rails
 # The name that will be used to label the app that is being deployed, commonly the hostname where the service is made available is used
 SERVICE_NAME=service.com
@@ -294,6 +301,8 @@ sh tests/java.sh
 sh tests/rails.sh
 # Test React JS deployment
 sh tests/reactjs.sh
+# Test Next JS deployment
+sh tests/nextjs.sh
 # Test Django deployment
 sh tests/django.sh
 # Test Static HTML and PHP website deployment
@@ -361,6 +370,8 @@ Currently allowed values:
 
 - `reactjs`
 
+- `nextjs`
+
 - `html` - for static HTML sites or simple PHP sites
 
 ### `BUILD`
@@ -371,7 +382,7 @@ Currently allowed values:
 
 - `mvnw` - for java projects
 
-- `npm` - for reactjs projects
+- `npm` - for reactjs and nextjs projects
 
 ### `FORMAT`
 
@@ -389,6 +400,8 @@ Currently allowed values:
 
 - `reactjs` - for reactjs projects
 
+- `nextjs` - for nextjs projects
+
 - `static` - for static HTML sites or simple PHP sites
 
 ### `REPO`

deploy-scripts.sh

@@ -16,7 +16,7 @@ show_ds_usage() {
 
 show_installer_usage() {
 show_version
-printf "\nUsage:\n\tdeploy-scripts.sh --install [project type] [project directory] [options]\n\nThe values for [project type] can be\n\tjava\n\trails\n\tpython\n\treactjs\n\thtml\n\tnode\n"
+printf "\nUsage:\n\tdeploy-scripts.sh --install [project type] [project directory] [options]\n\nThe values for [project type] can be\n\tjava\n\trails\n\tpython\n\treactjs\n\tnextjs\n\thtml\n\tnode\n"
 exit 1
 }
 

installer/upgrade.sh

@@ -42,6 +42,9 @@ elif [ "$BUILD" = "python-django" ]; then
 elif [ "$BUILD" = "reactjs" ]; then
 TYPE="reactjs"
 BUILD="npm"
+elif [ "$BUILD" = "nextjs" ]; then
+TYPE="nextjs"
+BUILD="npm"
 elif [ "$BUILD" = "rails" ]; then
 TYPE="rails"
 BUILD=""

projects/nextjs/build/npm.sh

@@ -0,0 +1,39 @@
+ds_build() {
+if [ "$1" = "" ] || [ "$2" = "" ]; then
+error "build: npm: Too few arguments given"
+fi
+if [ ! -d "$2" ]; then
+error "build: npm: No package directory available to place warfile"
+fi
+cd "$1"
+
+ENV_JS_PATH="$1/../repo/$DS_DIR/environments/$PROJECT_ENVIRONMENT/.env"
+if [ ! -f "$ENV_JS_PATH" ]; then
+if [ "$NEXTJS_ENVJS_PATH" != "" ]; then
+CHECK_ABS_PATH=$(echo $NEXTJS_ENVJS_PATH | cut -c -1)
+if [ "$CHECK_ABS_PATH" = "/" ]; then
+ENV_JS_PATH="$NEXTJS_ENVJS_PATH"
+else
+ENV_JS_PATH="$1/../repo/$DS_DIR/$NEXTJS_ENVJS_PATH"
+fi
+fi
+fi
+if [ ! -f "$ENV_JS_PATH" ]; then
+warning "No .env found at $ENV_JS_PATH. Building without it"
+else
+ln -s "$ENV_JS_PATH" .env
+fi
+
+if [ "$NPM_PREFIX" != "" ]; then
+mkdir -p $NPM_PREFIX && ln -sf $NPM_PREFIX node_modules && npm install
+else
+npm install
+fi
+npx next build
+npx next export
+if [ -d "./out" ]; then
+cp -r ./out/* "$2/"
+else
+error "NPM output directory not found under either out/"
+fi
+}

projects/nextjs/format/nextjs.sh

@@ -0,0 +1,11 @@
+ds_format() {
+if [ "$1" = "" ]; then
+error "format: nextjs: Too few arguments given"
+fi
+
+cd "$1"
+
+info "Preparing deployment files for packaging ... "
+git --work-tree=./ --git-dir=../repo/.git checkout -f 2>&1 | indent
+success 'done'
+}

projects/nextjs/installer/install.sh

@@ -0,0 +1,12 @@
+ds_install () {
+if [ "$1" = "" ]; then
+error "installer: nextjs: Project directory not supplied"
+fi
+
+ds_create_dir_structure "$1" "$DS_DIR" "nextjs"
+infof "Adding nextjs vars to app-config.sh ... "
+printf "BUILD=npm\n" >> "$1/$DS_DIR/app-config.sh"
+printf "LINKED_FILES=\"src/_config/env.js\"\n" >> "$1/$DS_DIR/app-config.sh"
+printf "LINKED_DIRS=\"logs\"\n" >> "$1/$DS_DIR/app-config.sh"
+success "done"
+}

projects/nextjs/push/git-bare/post-receive-hook

@@ -0,0 +1,18 @@
+#!/bin/sh
+
+set -e
+
+SCRIPT_PATH=$(dirname $(readlink -f $0))
+. $SCRIPT_PATH/post-receive-utils.sh
+
+deploy
+
+if [ "$FORMAT" = "nextjs" ] && [ "$BUILD" = "" ]; then
+title 'deploy - build'
+cd $DEPLOY_DIR/current
+npm install
+ npx next build
+npx next export
+fi
+
+post_startup

projects/nextjs/template/app-config.sh

@@ -0,0 +1,9 @@
+TYPE=nextjs
+BUILD=npm
+REPO=git@github.com:loanstreet/app-name.git
+
+DEPLOYMENT_SERVER=dev-partners.loanstreet.com.my
+DEPLOYMENT_SSH_USER=deploy
+SERVICE_NAME=app-name
+LINKED_FILES="src/_config/env.js"
+LINKED_DIRS="logs"

projects/nextjs/template/environments/default/assets/nginx.conf

@@ -0,0 +1,22 @@
+server {
+ listen 80 ;
+ server_name xc-test.finology.com.my;
+
+ gzip on;
+ gzip_http_version 1.0;
+ gzip_disable "msie6";
+ gzip_vary on;
+ gzip_min_length 1100;
+ gzip_buffers 64 8k;
+ gzip_comp_level 3;
+ gzip_proxied any;
+ gzip_types text/css text/xml application/x-javascript application/atom+xml text/mathml text/plain text/vnd.sun.j2me.app-descriptor text/vnd.wap.wml text/x-component;
+
+ root /home/deploy/sites/xpresscover-portal/staging/current/build;
+ access_log /home/deploy/sites/xpresscover-portal/staging/current/logs/nginx.access.log;
+ error_log /home/deploy/sites/xpresscover-portal/staging/current/logs/nginx.error.log info;
+
+ error_page 500 502 503 504 /500.html;
+ client_max_body_size 25M;
+ keepalive_timeout 10;
+}

projects/nextjs/template/environments/default/config.sh

@@ -0,0 +1,2 @@
+PROJECT_ENVIRONMENT=default
+GIT_BRANCH=default