syafiq faiz syafiqfaiz

syafiqfaiz / next_js_zero_downtime_deployment.sh

Created May 3, 2024 06:54

Shell script to deploy self hosted Nextjs using PM2

	#!/bin/bash
	set -e
	# deploying new production
	echo "Starting production deployment"

	# copy all files from current production to the temp directory
	echo "Copying files to production temp directory"
	cp -r /var/www/your-app/* /var/www/your-app.temp \| pv -lep -s $(du -sb /var/www/your-app \| awk '{print $1}') >/dev/null

	# turn on temporary app server

syafiqfaiz / dom_example.html

Created January 27, 2025 13:51

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JavaScript DOM Manipulation Demo</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	margin: 20px;

syafiqfaiz / index.html

Created January 28, 2025 15:08

placeholder json

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JavaScript DOM Manipulation Demo</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	margin: 20px;

syafiqfaiz / image.html

Created January 30, 2025 13:13

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Image Gallery with Search</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	text-align: center;

syafiqfaiz / image_query.html

Created January 30, 2025 14:41

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Image Gallery with Search</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	text-align: center;

syafiqfaiz / todo_api.html

Created February 4, 2025 12:25

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Todo App with Authentication</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;

syafiqfaiz / api_todo.html

Created February 6, 2025 14:57

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Todo App with Authentication</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;

syafiqfaiz / almost_completed_todo.html

Created February 12, 2025 15:21

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Todo App with Authentication</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;