- Australian-American nerd with a passion for all things computing, coffee and
- video games. Currently residing in Los Angeles, California.
-
-
-
- Programming since before the internet was cool.
-
-
-
-
-
-
-
Programming Technical Lead
-
- I am a programmer born and bred. Developing since I was old enough to
- type on a keyboard and continue to refine my skills more and more
- every day. Backed by 14 years of experience and countless lines of code
- committed.
-
-
-
- Background with more anagrams than a bureaucrat, here are some of the
- highlights only;
-
-
eCommerce ( Shopify, Magento, WooCommerce, neto )
-
Traditional Web ( HTML, CSS, JS )
-
Modern Web ( ES6, TS, GraphQL )
-
Server Side ( NodeJS, PHP, .NET )
-
Client Side ( C/C++, Java )
-
Database Side ( SQL, NoSQL )
-
Frameworks ( React, Web Components )
-
Antiques ( Lua, jQuery, SOAPXML )
-
Flashy ( OpenGL, Vulkan, Unity )
-
Boring ( Google Data Studio )
-
Servers ( AWS, CloudFlare, Heroku, Azure )
-
Every "API"
-
Ask me for a comprehensive list.
-
-
-
-
-
-
-
-
-
Shopify Expert
-
- I'm currently working full-time as a Technical Lead working with the
- Shopify Plus platform. I have been working with the platform
- every day for over 4 years, and enjoy working with it immensely.
-
-
-
- Working with Liquid, REST and GraphQL App Development and general
- Shopify consulting. I have had the privilage of working with countless
- Shopify Plus clients.
-
-
-
- Despite Shopify's reputation, I have been able to make it do tricks
- thought impossible. I find working with Shopify's unique quirks very
- rewarding, and continuously find ways to surprise everyone, including
- myself.
-
-
-
-
-
-
-
Personal
-
- I spend most of my spare time considering programming concepts, and
- take a very pragmatic approach to planning software development. I
- enjoy unpacking what programming itself means and entails to come up
- with new paradigms to use in my job.
-
-
-
- I also have an appreciation for the raw power of technology and making
- something beautiful and intricate out of the minimal amount of tools.
- Hence this website appearing so basic.
-
-
-
- I also enjoy video games and antique electronics. I still own four old
- CRT Monitors that I love and use as my primary video game displays.
-
-
-
-
-
-
-
Social
-
- I don't do social media often, however you can find me below.
- For business enquiries contact I suggest LinkedIn.
-
- domsPlace ("us", "we", or "our") operates
- the https://domsplace.com website (the
- "Service").
-
-
-
- This page informs you of our policies regarding the collection, use, and
- disclosure of personal data when you use our Service and the choices you
- have associated with that data.
-
-
-
- We use your data to provide and improve the Service. By using the
- Service, you agree to the collection and use of information in
- accordance with this policy. Unless otherwise defined in this Privacy
- Policy, terms used in this Privacy Policy have the same meanings as in
- our Terms and Conditions, accessible from
- https://domsplace.com
-
-
-
-
-
-
-
-
Information Collection And Use
-
- We collect several different types of information for various purposes
- to provide and improve our Service to you.
-
-
-
Types of Data Collected
-
Personal Data
-
- While using our Service, we may ask you to provide us with certain
- personally identifiable information that can be used to contact or
- identify you ("Personal Data"). Personally identifiable information may
- include, but is not limited to:
-
-
-
Email address
-
First name and last name
-
Phone number
-
Cookies and Usage Data
-
-
-
Usage Data
-
- We may also collect information how the Service is accessed and used =
- ("Usage Data"). This Usage Data may include information such as your
- computer's Internet Protocol address (e.g. IP address), browser type,
- browser version, the pages of our Service that you visit, the time and
- date of your visit, the time spent on those pages, unique device
- identifiers and other diagnostic data.
-
-
-
Tracking & Cookies Data
-
- We use cookies and similar tracking technologies to track the activity
- on our Service and hold certain information.
-
-
- Cookies are files with small amount of data which may include an
- anonymous unique identifier. Cookies are sent to your browser from a
- website and stored on your device. Tracking technologies also used are
- beacons, tags, and scripts to collect and track information and to
- improve and analyze our Service.
-
-
- You can instruct your browser to refuse all cookies or to indicate when
- a cookie is being sent. However, if you do not accept cookies, you may
- not be able to use some portions of our Service.
-
-
Examples of Cookies we use:
-
-
Session Cookies. We use Session Cookies to operate our Service.
-
Preference Cookies. We use Preference Cookies to remember your preferences and various settings.
-
Security Cookies. We use Security Cookies for security purposes.
-
-
-
-
-
-
-
Use of Data
-
domsPlace uses the collected data for various purposes:
-
-
To provide and maintain the Service
-
To notify you about changes to our Service
-
To allow you to participate in interactive features of our Service when you choose to do so
-
To provide customer care and support
-
To provide analysis or valuable information so that we can improve the Service
-
To monitor the usage of the Service
-
To detect, prevent and address technical issues
-
-
-
-
-
-
-
Transfer Of Data
-
Your information, including Personal Data, may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from your jurisdiction.
-
If you are located outside Australia and choose to provide information to us, please note that we transfer the data, including Personal Data, to Australia and process it there.
-
Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer.
-
domsPlace will take all steps reasonably necessary to ensure that your data is treated securely and in accordance with this Privacy Policy and no transfer of your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of your data and other personal information.
-
-
-
-
-
-
Disclosure Of Data
-
Legal Requirements
-
domsPlace may disclose your Personal Data in the good faith belief that such action is necessary to:
-
-
To comply with a legal obligation
-
To protect and defend the rights or property of domsPlace
-
To prevent or investigate possible wrongdoing in connection with the Service
-
To protect the personal safety of users of the Service or the public
-
To protect against legal liability
-
-
-
-
-
-
-
Security Of Data
-
The security of your data is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security.
-
-
-
-
-
-
Service Providers
-
We may employ third party companies and individuals to facilitate our Service ("Service Providers"), to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.
-
These third parties have access to your Personal Data only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose.
-
-
Analytics
-
We may use third-party Service Providers to monitor and analyze the use of our Service.
-
-
-
Google Analytics
-
Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. Google uses the data collected to track and monitor the use of our Service. This data is shared with other Google services. Google may use the collected data to contextualize and personalize the ads of its own advertising network.
-
You can opt-out of having made your activity on the Service available to Google Analytics by installing the Google Analytics opt-out browser add-on. The add-on prevents the Google Analytics JavaScript (ga.js, analytics.js, and dc.js) from sharing information with Google Analytics about visits activity.
Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.
-
We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
-
-
-
-
-
-
Children's Privacy
-
Our Service does not address anyone under the age of 18 ("Children").
-
We do not knowingly collect personally identifiable information from anyone under the age of 18. If you are a parent or guardian and you are aware that your Children has provided us with Personal Data, please contact us. If we become aware that we have collected Personal Data from children without verification of parental consent, we take steps to remove that information from our servers.
-
-
-
-
-
-
Changes To This Privacy Policy
-
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
-
We will let you know via email and/or a prominent notice on our Service, prior to the change becoming effective and update the "effective date" at the top of this Privacy Policy.
-
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/Header/HeaderButton.module.scss b/src/components/Header/HeaderButton.module.scss
new file mode 100644
index 0000000..41f03f8
--- /dev/null
+++ b/src/components/Header/HeaderButton.module.scss
@@ -0,0 +1,14 @@
+.HeaderButton {
+ padding: 0.5rem 1rem;
+ font-size: 0.875rem;
+ border-radius: 999em;
+ background: var(--color-surface);
+ box-shadow: var(--box-shadow-raised-low);
+ border: 1px solid var(--color-neumorph-light);
+ transition: all 1s ease;
+ cursor: pointer;
+
+ &:hover {
+ box-shadow: var(--box-shadow-lowered-low);
+ }
+}
\ No newline at end of file
diff --git a/src/components/Header/HeaderButton.tsx b/src/components/Header/HeaderButton.tsx
new file mode 100644
index 0000000..54b27d1
--- /dev/null
+++ b/src/components/Header/HeaderButton.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import styles from './HeaderButton.module.scss';
+
+const HeaderButton:React.FC<{
+ children:React.ReactNode;
+}> = ({ children }) => {
+ return (
+
+ );
+}
+
+export default HeaderButton;
\ No newline at end of file
diff --git a/src/pages/home/home.css b/src/pages/home/home.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/pages/home/home.html b/src/pages/home/home.html
deleted file mode 100644
index 6a0ba50..0000000
--- a/src/pages/home/home.html
+++ /dev/null
@@ -1,106 +0,0 @@
-
-
Dominic Masters
-
Developer, Nerd, Occasionally Funny.
-
-
- Australian-American nerd with a passion for all things computing, coffee and
- video games. Currently residing in Peoria, Illinois.
-
-
-
- Programming since before the internet was cool.
-
-
-
-
-
-
-
Programming Technical Lead
-
- I am a programmer born and bred. Developing since I was old enough to
- type on a keyboard and continue to refine my skills more and more
- every day. Backed by 16 years of experience and countless lines of code
- committed.
-
-
-
- Background with more anagrams than a bureaucrat, here are some of the
- highlights only;
-
-
eCommerce ( Shopify, Magento, WooCommerce, neto )
-
Traditional Web ( HTML, CSS, JS )
-
Modern Web ( ES6, TS, GraphQL )
-
Server Side ( NodeJS, PHP, .NET )
-
Client Side ( C/C++, Java )
-
Database Side ( SQL, NoSQL )
-
Frameworks ( React, Web Components )
-
Antiques ( Lua, jQuery, SOAPXML )
-
Flashy ( OpenGL, Vulkan, Unity )
-
Boring ( Google Data Studio )
-
Servers ( AWS, CloudFlare, Heroku, Azure )
-
Every "API"
-
Ask me for a comprehensive list.
-
-
-
-
-
-
-
-
-
Shopify Expert
-
- I'm currently working full-time as a Technical Lead working with the
- Shopify Plus platform. I have been working with the platform
- every day for over 8 years, and enjoy working with it immensely.
-
-
-
- Working with Liquid, REST and GraphQL App Development and general
- Shopify consulting. I have had the privilage of working with countless
- Shopify Plus clients.
-
-
-
- Despite Shopify's reputation, I have been able to make it do tricks
- thought impossible. I find working with Shopify's unique quirks very
- rewarding, and continuously find ways to surprise everyone, including
- myself.
-
-
-
-
-
-
-
Personal
-
- I spend most of my spare time considering programming concepts, and
- take a very pragmatic approach to planning software development. I
- enjoy unpacking what programming itself means and entails to come up
- with new paradigms to use in my job.
-
-
-
- I also have an appreciation for the raw power of technology and making
- something beautiful and intricate out of the minimal amount of tools.
- Hence this website appearing so basic.
-
-
-
- I also enjoy video games and antique electronics. I still own four old
- CRT Monitors that I love and use as my primary video game displays.
-
-
-
-
-
-
-
Social
-
- I don't do social media often, however you can find me below.
- For business enquiries contact I suggest LinkedIn.
-
-
\ No newline at end of file
diff --git a/src/pages/privacy/privacy.html b/src/pages/privacy/privacy.html
deleted file mode 100644
index e35199e..0000000
--- a/src/pages/privacy/privacy.html
+++ /dev/null
@@ -1,175 +0,0 @@
-
Privacy Policy
-
Effective date: June 27, 2018
-
- domsPlace ("us", "we", or "our") operates
- the https://domsplace.com website (the
- "Service").
-
-
-
- This page informs you of our policies regarding the collection, use, and
- disclosure of personal data when you use our Service and the choices you
- have associated with that data.
-
-
-
- We use your data to provide and improve the Service. By using the
- Service, you agree to the collection and use of information in
- accordance with this policy. Unless otherwise defined in this Privacy
- Policy, terms used in this Privacy Policy have the same meanings as in
- our Terms and Conditions, accessible from
- https://domsplace.com
-
-
-
-
-
-
-
-
Information Collection And Use
-
- We collect several different types of information for various purposes
- to provide and improve our Service to you.
-
-
-
Types of Data Collected
-
Personal Data
-
- While using our Service, we may ask you to provide us with certain
- personally identifiable information that can be used to contact or
- identify you ("Personal Data"). Personally identifiable information may
- include, but is not limited to:
-
-
-
Email address
-
First name and last name
-
Phone number
-
Cookies and Usage Data
-
-
-
Usage Data
-
- We may also collect information how the Service is accessed and used =
- ("Usage Data"). This Usage Data may include information such as your
- computer's Internet Protocol address (e.g. IP address), browser type,
- browser version, the pages of our Service that you visit, the time and
- date of your visit, the time spent on those pages, unique device
- identifiers and other diagnostic data.
-
-
-
Tracking & Cookies Data
-
- We use cookies and similar tracking technologies to track the activity
- on our Service and hold certain information.
-
-
- Cookies are files with small amount of data which may include an
- anonymous unique identifier. Cookies are sent to your browser from a
- website and stored on your device. Tracking technologies also used are
- beacons, tags, and scripts to collect and track information and to
- improve and analyze our Service.
-
-
- You can instruct your browser to refuse all cookies or to indicate when
- a cookie is being sent. However, if you do not accept cookies, you may
- not be able to use some portions of our Service.
-
-
Examples of Cookies we use:
-
-
Session Cookies. We use Session Cookies to operate our Service.
-
Preference Cookies. We use Preference Cookies to remember your preferences and various settings.
-
Security Cookies. We use Security Cookies for security purposes.
-
-
-
-
-
-
-
Use of Data
-
domsPlace uses the collected data for various purposes:
-
-
To provide and maintain the Service
-
To notify you about changes to our Service
-
To allow you to participate in interactive features of our Service when you choose to do so
-
To provide customer care and support
-
To provide analysis or valuable information so that we can improve the Service
-
To monitor the usage of the Service
-
To detect, prevent and address technical issues
-
-
-
-
-
-
-
Transfer Of Data
-
Your information, including Personal Data, may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from your jurisdiction.
-
If you are located outside Australia and choose to provide information to us, please note that we transfer the data, including Personal Data, to Australia and process it there.
-
Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer.
-
domsPlace will take all steps reasonably necessary to ensure that your data is treated securely and in accordance with this Privacy Policy and no transfer of your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of your data and other personal information.
-
-
-
-
-
-
Disclosure Of Data
-
Legal Requirements
-
domsPlace may disclose your Personal Data in the good faith belief that such action is necessary to:
-
-
To comply with a legal obligation
-
To protect and defend the rights or property of domsPlace
-
To prevent or investigate possible wrongdoing in connection with the Service
-
To protect the personal safety of users of the Service or the public
-
To protect against legal liability
-
-
-
-
-
-
-
Security Of Data
-
The security of your data is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security.
-
-
-
-
-
-
Service Providers
-
We may employ third party companies and individuals to facilitate our Service ("Service Providers"), to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.
-
These third parties have access to your Personal Data only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose.
-
-
Analytics
-
We may use third-party Service Providers to monitor and analyze the use of our Service.
-
-
-
Google Analytics
-
Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. Google uses the data collected to track and monitor the use of our Service. This data is shared with other Google services. Google may use the collected data to contextualize and personalize the ads of its own advertising network.
-
You can opt-out of having made your activity on the Service available to Google Analytics by installing the Google Analytics opt-out browser add-on. The add-on prevents the Google Analytics JavaScript (ga.js, analytics.js, and dc.js) from sharing information with Google Analytics about visits activity.
Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.
-
We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
-
-
-
-
-
-
Children's Privacy
-
Our Service does not address anyone under the age of 18 ("Children").
-
We do not knowingly collect personally identifiable information from anyone under the age of 18. If you are a parent or guardian and you are aware that your Children has provided us with Personal Data, please contact us. If we become aware that we have collected Personal Data from children without verification of parental consent, we take steps to remove that information from our servers.
-
-
-
-
-
-
Changes To This Privacy Policy
-
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
-
We will let you know via email and/or a prominent notice on our Service, prior to the change becoming effective and update the "effective date" at the top of this Privacy Policy.
-
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
-
-
-
- {{main}}
-
-
-
-
-
\ No newline at end of file
diff --git a/src/serve.ts b/src/serve.ts
deleted file mode 100644
index 8c4ffff..0000000
--- a/src/serve.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// Copyright (c) 2021 Dominic Masters
-//
-// This software is released under the MIT License.
-// https://opensource.org/licenses/MIT
-
-import * as express from 'express';
-import { pageCompileAll, PATH_OUT } from './compiler';
-
-const app = express()
-const port = 80;
-
-app.use((req, res, next) => {
- pageCompileAll();
- next();
-})
-app.use(express.static(PATH_OUT));
-
-app.listen(port, () => {
- console.log(`Example app listening at http://localhost:${port}`)
-})
\ No newline at end of file
diff --git a/src/styles/elements/a.scss b/src/styles/elements/a.scss
new file mode 100644
index 0000000..68e3e7d
--- /dev/null
+++ b/src/styles/elements/a.scss
@@ -0,0 +1,4 @@
+a {
+ color: inherit;
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/src/styles/elements/all.scss b/src/styles/elements/all.scss
new file mode 100644
index 0000000..be0ab6c
--- /dev/null
+++ b/src/styles/elements/all.scss
@@ -0,0 +1,3 @@
+* {
+ box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/src/styles/elements/body.scss b/src/styles/elements/body.scss
new file mode 100644
index 0000000..c413537
--- /dev/null
+++ b/src/styles/elements/body.scss
@@ -0,0 +1,16 @@
+body {
+ margin: 0;
+ padding: 1rem;
+ max-width: 100vw;
+ overflow-x: hidden;
+ min-height: 100%;
+ font-family: Arial, Helvetica, sans-serif;
+
+ background-color: var(--color-background);
+ background:
+ radial-gradient(circle at top left, rgba(255, 0, 170, 0.18), transparent 28%),
+ radial-gradient(circle at bottom right, rgba(130, 70, 255, 0.22), transparent 30%),
+ linear-gradient(180deg, var(--color-background) 0%, var(--color-background-secondary) 100%)
+ ;
+ color: white;
+}
\ No newline at end of file
diff --git a/src/styles/elements/button.scss b/src/styles/elements/button.scss
new file mode 100644
index 0000000..72b8531
--- /dev/null
+++ b/src/styles/elements/button.scss
@@ -0,0 +1,9 @@
+button {
+ padding: 0;
+ border: none;
+ background: none;
+ font-family: inherit;
+ cursor: inherit;
+ color: inherit;
+ font-size: inherit;
+}
\ No newline at end of file
diff --git a/src/styles/elements/html.scss b/src/styles/elements/html.scss
new file mode 100644
index 0000000..94da70f
--- /dev/null
+++ b/src/styles/elements/html.scss
@@ -0,0 +1,5 @@
+html {
+ height: 100%;
+ max-width: 100vw;
+ overflow-x: hidden;
+}
\ No newline at end of file
diff --git a/src/styles/elements/root.scss b/src/styles/elements/root.scss
new file mode 100644
index 0000000..b797d69
--- /dev/null
+++ b/src/styles/elements/root.scss
@@ -0,0 +1,31 @@
+:root {
+ --color-background: #12091f;
+ --color-background-secondary: #0e0718;
+
+ --color-surface: rgba(26, 15, 44, 1);
+
+ --color-neumorph-light: rgba(255, 255, 255, 0.1);
+ --color-neumorph-dark: rgba(0, 0, 0, 0.25);
+
+ --radius-large: 1.75rem;
+
+ --box-shadow-raised-high:
+ 10px 10px 24px rgba(5,2,10,0.85),
+ -8px -8px 20px rgba(91,53,141,0.08),
+ inset 1px 1px 0 rgba(255,255,255,0.03)
+ ;
+
+ --box-shadow-raised-low:
+ 6px 6px 14px rgba(8,3,15,0.9),
+ -5px -5px 14px rgba(103,64,156,0.1)
+ ;
+ --box-shadow-lowered-low:
+ inset 3px 3px 8px rgba(6,2,12,0.95),
+ inset -2px -2px 8px rgba(118,76,176,0.08)
+ ;
+
+ --backdrop-raised-high: blur(12px);
+ --backdrop-raised-low: blur(6px);
+
+ --max-width-large: 1600px;
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..cf9c65d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+ "compilerOptions": {
+ "target": "ES2017",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "react-jsx",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts",
+ ".next/dev/types/**/*.ts",
+ "**/*.mts"
+ ],
+ "exclude": ["node_modules"]
+}
diff --git a/types/cache-life.d.ts b/types/cache-life.d.ts
new file mode 100644
index 0000000..a8c6997
--- /dev/null
+++ b/types/cache-life.d.ts
@@ -0,0 +1,145 @@
+// Type definitions for Next.js cacheLife configs
+
+declare module 'next/cache' {
+ export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache'
+ export {
+ updateTag,
+ revalidateTag,
+ revalidatePath,
+ refresh,
+ } from 'next/dist/server/web/spec-extension/revalidate'
+ export { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store'
+
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"default"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 900 seconds (15 minutes)
+ * expire: never
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 15 minutes, start revalidating new values in the background.
+ * It lives for the maximum age of the server cache. If this entry has no traffic for a while, it may serve an old value the next request.
+ */
+ export function cacheLife(profile: "default"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"seconds"` profile.
+ * ```
+ * stale: 30 seconds
+ * revalidate: 1 seconds
+ * expire: 60 seconds (1 minute)
+ * ```
+ *
+ * This cache may be stale on clients for 30 seconds before checking with the server.
+ * If the server receives a new request after 1 seconds, start revalidating new values in the background.
+ * If this entry has no traffic for 1 minute it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "seconds"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"minutes"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 60 seconds (1 minute)
+ * expire: 3600 seconds (1 hour)
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 1 minute, start revalidating new values in the background.
+ * If this entry has no traffic for 1 hour it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "minutes"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"hours"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 3600 seconds (1 hour)
+ * expire: 86400 seconds (1 day)
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 1 hour, start revalidating new values in the background.
+ * If this entry has no traffic for 1 day it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "hours"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"days"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 86400 seconds (1 day)
+ * expire: 604800 seconds (1 week)
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 1 day, start revalidating new values in the background.
+ * If this entry has no traffic for 1 week it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "days"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"weeks"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 604800 seconds (1 week)
+ * expire: 2592000 seconds (1 month)
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 1 week, start revalidating new values in the background.
+ * If this entry has no traffic for 1 month it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "weeks"): void
+
+ /**
+ * Cache this `"use cache"` for a timespan defined by the `"max"` profile.
+ * ```
+ * stale: 300 seconds (5 minutes)
+ * revalidate: 2592000 seconds (1 month)
+ * expire: 31536000 seconds (365 days)
+ * ```
+ *
+ * This cache may be stale on clients for 5 minutes before checking with the server.
+ * If the server receives a new request after 1 month, start revalidating new values in the background.
+ * If this entry has no traffic for 365 days it will expire. The next request will recompute it.
+ */
+ export function cacheLife(profile: "max"): void
+
+ /**
+ * Cache this `"use cache"` using a custom timespan.
+ * ```
+ * stale: ... // seconds
+ * revalidate: ... // seconds
+ * expire: ... // seconds
+ * ```
+ *
+ * This is similar to Cache-Control: max-age=`stale`,s-max-age=`revalidate`,stale-while-revalidate=`expire-revalidate`
+ *
+ * If a value is left out, the lowest of other cacheLife() calls or the default, is used instead.
+ */
+ export function cacheLife(profile: {
+ /**
+ * This cache may be stale on clients for ... seconds before checking with the server.
+ */
+ stale?: number,
+ /**
+ * If the server receives a new request after ... seconds, start revalidating new values in the background.
+ */
+ revalidate?: number,
+ /**
+ * If this entry has no traffic for ... seconds it will expire. The next request will recompute it.
+ */
+ expire?: number
+ }): void
+
+
+ import { cacheTag } from 'next/dist/server/use-cache/cache-tag'
+ export { cacheTag }
+
+ export const unstable_cacheTag: typeof cacheTag
+ export const unstable_cacheLife: typeof cacheLife
+}
diff --git a/types/routes.d.ts b/types/routes.d.ts
new file mode 100644
index 0000000..1c6c34d
--- /dev/null
+++ b/types/routes.d.ts
@@ -0,0 +1,57 @@
+// This file is generated automatically by Next.js
+// Do not edit this file manually
+
+type AppRoutes = "/"
+type PageRoutes = never
+type LayoutRoutes = "/"
+type RedirectRoutes = never
+type RewriteRoutes = never
+type Routes = AppRoutes | PageRoutes | LayoutRoutes | RedirectRoutes | RewriteRoutes
+
+
+interface ParamMap {
+ "/": {}
+}
+
+
+export type ParamsOf = ParamMap[Route]
+
+interface LayoutSlotMap {
+ "/": never
+}
+
+
+export type { AppRoutes, PageRoutes, LayoutRoutes, RedirectRoutes, RewriteRoutes, ParamMap }
+
+declare global {
+ /**
+ * Props for Next.js App Router page components
+ * @example
+ * ```tsx
+ * export default function Page(props: PageProps<'/blog/[slug]'>) {
+ * const { slug } = await props.params
+ * return