Joel Masters joelmasters

How to setup next.js app on nginx with letsencrypt/getssl

next.js, nginx, reverse-proxy, ssl

Next.js package setup

Your server.js file should look like the following. Make sure you're serving static files!

const { createServer } = require('http');
const { parse } = require('url');
const next = require('next');

Log into EC2 instance on Amazon AWS.

Edit the /etc/nginx/nginx.conf file to add the following within the sever {} object:

gzip            on;
gzip_comp_level  4; # or whatever you want
gzip_types    text/plain application/javascript application/x-javascript text/javascript text/xml text/css;

Then restart nginx: service nginx restart

	Follow the instructions here:

	https://mockingbot.com/posts/run-puppeteer-chrome-headless-on-ec2-amazon-linux

	For a NextJS app, the node_modules folder will be in:

	/var/app/current/node_modules

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="theme-color" content="#000000" />
	<meta
	name="description"
	content="Sentiment Analyzer"
	/>

	import { useState, useEffect } from 'react';
	import './App.css';
	const ml5 = window.ml5;

	let sentiment;

	function App() {
	let [text, setText] = useState('');
	let [score, setScore] = useState(0);
	let [modelIsReady, setModelIsReady] = useState(false);