Dmitry Mon4ik

How to setup Next.js app on Nginx with letsencrypt

Next.js, Nginx with Reverse proxy, SSL certificate

UPDATE (07/20/2021):
- This process got simplified over the years of this gist being out
- Older version of this gist (without certbot): https://gist.github.com/kocisov/2a9567eb51b83dfef48efce02ef3ab06/33fdd88872a0801bdde58fccce430fa48737ae10
- I would also now recommend deploying to Vercel if you don't need custom server support

	<!-- MIT License -->
	<html>
	<head>
	<script>
	function generateKey(alg, scope) {
	return new Promise(function(resolve) {
	var genkey = crypto.subtle.generateKey(alg, true, scope)
	genkey.then(function (pair) {
	resolve(pair)
	})

	/* `useLocalStorage`
	*
	* Features:
	* - JSON Serializing
	* - Also value will be updated everywhere, when value updated (via `storage` event)
	*/

	import { useEffect, useState } from "react";

	export default function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: T) => void] {

	import { useBindingListener, useCamera } from "@rbxts/pretty-roact-hooks";
	import Roact from "@rbxts/roact";
	import { useState } from "@rbxts/roact-hooked";

	interface BackgroundBlurProps {
	blurSize?: number \| Roact.Binding<number>;
	}

	/**
	* Wraps a BlurEffect