diff --git a/landing/.prettierrc.js b/landing/.prettierrc.cjs
similarity index 100%
rename from landing/.prettierrc.js
rename to landing/.prettierrc.cjs
diff --git a/landing/package.json b/landing/package.json
index a94fdf0..bd1fe0d 100644
--- a/landing/package.json
+++ b/landing/package.json
@@ -2,6 +2,7 @@
 	"name": "pesto-landing",
 	"version": "1.0.0",
 	"private": true,
+	"type": "module",
 	"scripts": {
 		"dev": "astro dev",
 		"start": "astro dev",
diff --git a/landing/sentry.client.config.ts b/landing/sentry.client.config.ts
index 7f646e9..ce3bf76 100644
--- a/landing/sentry.client.config.ts
+++ b/landing/sentry.client.config.ts
@@ -1,15 +1,15 @@
 import * as Sentry from "@sentry/astro";
 
 Sentry.init({
-    dsn: process.env.SENTRY_DSN ?? "",
-    integrations: [new Sentry.BrowserTracing(), new Sentry.Replay()],
-    attachStacktrace: true,
-    sampleRate: 1.0,
-    tracesSampleRate: 0.2,
-    tracePropagationTargets: ["localhost", "https://pesto.teknologiumum.com"],
-    // Capture Replay for 10% of all sessions,
-    // plus for 100% of sessions with an error
-    replaysSessionSampleRate: 0.02,
-    replaysOnErrorSampleRate: 0.5,
-    debug: import.meta.env.DEV,
+	dsn: process.env.SENTRY_DSN ?? "",
+	integrations: [new Sentry.BrowserTracing(), new Sentry.Replay()],
+	attachStacktrace: true,
+	sampleRate: 1.0,
+	tracesSampleRate: 0.2,
+	tracePropagationTargets: ["localhost", "https://pesto.teknologiumum.com"],
+	// Capture Replay for 10% of all sessions,
+	// plus for 100% of sessions with an error
+	replaysSessionSampleRate: 0.02,
+	replaysOnErrorSampleRate: 0.5,
+	debug: import.meta.env.DEV,
 });
diff --git a/landing/sentry.server.config.ts b/landing/sentry.server.config.ts
index fb4a1a4..55be1b8 100644
--- a/landing/sentry.server.config.ts
+++ b/landing/sentry.server.config.ts
@@ -1,12 +1,10 @@
 import * as Sentry from "@sentry/astro";
 
 Sentry.init({
-    dsn: process.env.SENTRY_DSN ?? "",
-    integrations: [
-        new Sentry.Integrations.Http({ tracing: true })
-    ],
-    attachStacktrace: true,
-    sampleRate: 1.0,
-    tracesSampleRate: 0.2,
-    debug: import.meta.env.DEV,
+	dsn: process.env.SENTRY_DSN ?? "",
+	integrations: [new Sentry.Integrations.Http({ tracing: true })],
+	attachStacktrace: true,
+	sampleRate: 1.0,
+	tracesSampleRate: 0.2,
+	debug: import.meta.env.DEV,
 });
diff --git a/landing/src/components/FieldList.astro b/landing/src/components/FieldList.astro
index 9e6d485..8437cb7 100644
--- a/landing/src/components/FieldList.astro
+++ b/landing/src/components/FieldList.astro
@@ -13,13 +13,15 @@ const props = Astro.props as Props;
 ---
 
 <ul class="field-list">
-	{props.items.map((item) => (
-		<li>
-			<strong>{item.key}</strong>
-			{item.value}
-			{item.nestedItems?.length > 0 && <Astro.self items={item.nestedItems} />}
-		</li>
-	))}
+	{
+		props.items.map((item) => (
+			<li>
+				<strong>{item.key}</strong>
+				{item.value}
+				{item.nestedItems?.length > 0 && <Astro.self items={item.nestedItems} />}
+			</li>
+		))
+	}
 </ul>
 
 <style lang="scss" is:global>
diff --git a/landing/src/components/Footer.astro b/landing/src/components/Footer.astro
index 68e8441..d352969 100644
--- a/landing/src/components/Footer.astro
+++ b/landing/src/components/Footer.astro
@@ -21,7 +21,9 @@ import { BackToTop } from "./BackToTop";
 		position: relative;
 		background-color: var(--color-black);
 		padding: 4rem 2rem;
-		box-shadow: 0 -0.25rem 0 0 var(--color-background), 0 -0.5rem 0 0 var(--color-tinted-black);
+		box-shadow:
+			0 -0.25rem 0 0 var(--color-background),
+			0 -0.5rem 0 0 var(--color-tinted-black);
 		width: 100%;
 
 		&-content {
diff --git a/landing/src/components/GuideSection.astro b/landing/src/components/GuideSection.astro
index b51c1bb..b74f630 100644
--- a/landing/src/components/GuideSection.astro
+++ b/landing/src/components/GuideSection.astro
@@ -8,7 +8,7 @@ const props = Astro.props as Props;
 
 <div class="guide">
 	<h2 class="guide-title">{props.title}</h2>
-	<slot></slot>
+	<slot />
 </div>
 
 <style lang="scss">
diff --git a/landing/src/components/Section.astro b/landing/src/components/Section.astro
index 1848fae..fa44fc5 100644
--- a/landing/src/components/Section.astro
+++ b/landing/src/components/Section.astro
@@ -10,7 +10,7 @@ const props = Astro.props as Props;
 <div class="section" id={props.id ?? ""}>
 	<h1 class="heading">{props.title}</h1>
 	<div class="content">
-		<slot></slot>
+		<slot />
 	</div>
 </div>
 
diff --git a/landing/src/env.d.ts b/landing/src/env.d.ts
index 0610fc6..385025d 100644
--- a/landing/src/env.d.ts
+++ b/landing/src/env.d.ts
@@ -1,9 +1,9 @@
 /// <reference types="astro/client" />
 
 interface ImportMetaEnv {
-    readonly SENTRY_DSN?: string;
+	readonly SENTRY_DSN?: string;
 }
 
 interface ImportMeta {
-    readonly env: ImportMetaEnv;
-}
\ No newline at end of file
+	readonly env: ImportMetaEnv;
+}
diff --git a/landing/src/layouts/Layout.astro b/landing/src/layouts/Layout.astro
index 8994a9e..2e9a0f4 100644
--- a/landing/src/layouts/Layout.astro
+++ b/landing/src/layouts/Layout.astro
@@ -11,7 +11,7 @@ import "@fontsource/ibm-plex-serif/700.css";
 import "@fontsource/ibm-plex-mono/400.css";
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<Seo
@@ -26,7 +26,7 @@ import "@fontsource/ibm-plex-mono/400.css";
 	</head>
 	<body>
 		<div id="app">
-			<slot></slot>
+			<slot />
 		</div>
 		<Footer />
 
diff --git a/landing/src/middleware.ts b/landing/src/middleware.ts
index 14de202..6dea3e4 100644
--- a/landing/src/middleware.ts
+++ b/landing/src/middleware.ts
@@ -2,8 +2,8 @@ import { sequence } from "astro:middleware";
 import { handleRequest } from "@sentry/astro";
 
 export const onRequest = sequence(
-    handleRequest({
-        trackClientIp: false,
-        trackHeaders: true,
-    }),
+	handleRequest({
+		trackClientIp: false,
+		trackHeaders: true,
+	})
 );
diff --git a/landing/src/pages/404.astro b/landing/src/pages/404.astro
index 54ebc2a..1935543 100644
--- a/landing/src/pages/404.astro
+++ b/landing/src/pages/404.astro
@@ -13,7 +13,7 @@ Astro.response.status = 404;
 		<p>
 			If you think this shouldn't happen, you can help us fix this error by sending us a bug report to our{" "}
 			<a class="url" href="https://github.com/teknologi-umum/pesto/issues"> Github Issue</a>{" "}
-			page.
+			 page.
 		</p>
 	</Section>
 </Layout>
diff --git a/landing/src/pages/500.astro b/landing/src/pages/500.astro
index 3d92393..461ac75 100644
--- a/landing/src/pages/500.astro
+++ b/landing/src/pages/500.astro
@@ -33,7 +33,7 @@ Astro.response.status = 500;
 		<p>
 			If you think this shouldn't happen, you can help us fix this error by sending us a bug report to our{" "}
 			<a class="url" href="https://github.com/teknologi-umum/pesto/issues"> Github Issue</a>{" "}
-			page.
+			 page.
 		</p>
 	</Section>
 </Layout>
diff --git a/landing/src/pages/index.astro b/landing/src/pages/index.astro
index 00d97d3..139c255 100644
--- a/landing/src/pages/index.astro
+++ b/landing/src/pages/index.astro
@@ -53,12 +53,12 @@ const responseExample = `
 	<Section title="What is Pesto?">
 		<p>
 			<strong>Pesto</strong>{" "}
-			is a Remote Code Execution Engine that lets you execute any piece of code on a remote server via REST API. It is heavily
-			inspired by{" "}
+			 is a Remote Code Execution Engine that lets you execute any piece of code on a remote server via REST API. It is
+			heavily inspired by{" "}
 			<a class="url" href="https://github.com/engineer-man/piston"> Piston.</a>{" "}
-			Pesto is <strong>not</strong>{" "}
-			a fork of Piston, it's an entire rewrite from scratch and therefore it's not compatible with Piston but should be similar
-			if you're already familiar with Piston.
+			 Pesto is <strong>not</strong>{" "}
+			 a fork of Piston, it's an entire rewrite from scratch and therefore it's not compatible with Piston but should be
+			similar if you're already familiar with Piston.
 		</p>
 	</Section>
 	<Section title="How is it different from Piston?">
@@ -110,7 +110,7 @@ const responseExample = `
 					<FieldList
 						items={[
 							{ key: "language", value: "The language of the code that you want to execute." },
-							{ key: "version", value: "The version of the language (or just fill in with \"latest\")." },
+							{ key: "version", value: 'The version of the language (or just fill in with "latest").' },
 							{ key: "code", value: "The code that you want to execute." },
 						]}
 					/>
@@ -163,13 +163,13 @@ const responseExample = `
 				<div class="example-item">
 					<div class="example-label">Request</div>
 					<div class="code">
-						<pre set:html={requestExample}></pre>
+						<pre set:html={requestExample} />
 					</div>
 				</div>
 				<div class="example-item">
 					<div class="example-label">Response</div>
 					<div class="code">
-						<pre set:html={responseExample}></pre>
+						<pre set:html={responseExample} />
 					</div>
 				</div>
 			</div>