Nhan Doan dnhn

https://nextjs.org/docs/app/api-reference/cli/create-next-app

npx create-next-app@latest --empty --use-pnpm

https://tailwindcss.com/docs/installation/using-postcss

https://tailwindcss.com/docs/using-with-preprocessors

Important

sudo must be executed as root user.

Setup

sudo yum update -y
sudo yum install git -y

AWS Services used:

EC2
S3
Cloudfront
Route 53
ACM
IAM

Notes:

Most of the shell commands require sudo

Original guide

1. Get latest versions.

2. Install necessary softwares (replace with version above)

wget https://download.foldingathome.org/releases/public/release/fahclient/debian-stable-64bit/v7.6/fahclient_7.6.21_amd64.deb
wget https://download.foldingathome.org/releases/public/release/fahcontrol/debian-stable-64bit/v7.6/fahcontrol_7.6.21-1_all.deb

sudo dpkg -i --force-depends fahclient_7.6.21_amd64.deb

	# make DIR=~/images
	DIR ?= .
	GIF_SOURCES := $(wildcard $(DIR)/*.gif)
	JPEG_SOURCES := $(wildcard $(DIR)/*.jpeg)
	JPG_SOURCES := $(wildcard $(DIR)/*.jpg)
	PNG_SOURCES := $(wildcard $(DIR)/*.png)
	SOURCES := $(GIF_SOURCES) $(JPEG_SOURCES) $(JPG_SOURCES) $(PNG_SOURCES)
	TARGETS := $(SOURCES:.gif=.webp) $(SOURCES:.jpeg=.webp) $(SOURCES:.jpg=.webp) $(SOURCES:.png=.webp)

	all: $(TARGETS)

	🏳️‍🌈 {
	background-attachment: fixed;
	background-color: rgb(138, 57, 239);
	background-image: linear-gradient(
	rgb(255, 0, 24) 0%,
	rgb(255, 4, 23) 6.25%,
	rgb(255, 49, 14) 12.5%,
	rgb(255, 93, 6) 18.75%,
	rgb(255, 122, 1) 25%,
	rgb(255, 135, 1) 31.25%,

	<!--
	- 1. Preemptively warm up the fonts’ origin.
	-
	- 2. Initiate a high-priority, asynchronous fetch for the CSS file. Works in
	- most modern browsers.
	-
	- 3. Initiate a low-priority, asynchronous fetch that gets applied to the page
	- only after it’s arrived. Works in all browsers with JavaScript enabled.
	-
	- 4. In the unlikely event that a visitor has intentionally disabled

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Job finder</title>

	<style>
	* {

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>BitBucket</title>
	<style>
	html, body {
	height: 100%;

	100 Thin
	200 Extra Light
	300 Light
	400 Book / Regular
	500 Medium
	600 Semibold
	700 Bold
	800 Extra Bold
	900 Black
	1000 Ultra