cache pages

src/pages/calls.tsx

@@ -27,10 +27,13 @@ const Calls: NextPage<Props> = (props) => {
 };
 
 export const getServerSideProps = withPageOnboardingRequired(
-	async (context, user) => {
+	async ({ res }) => {
-		return {
+		res.setHeader(
-			props: { userId: user.id, ddd: 23 as const },
+			"Cache-Control",
-		};
+			"private, s-maxage=15, stale-while-revalidate=59",
+		);
+
+		return { props: {} };
 	},
 );
 

src/pages/keypad.tsx

@@ -50,7 +50,8 @@ const Keypad: NextPage<Props> = () => {
 						<Digit digit="#" />
 					</Row>
 					<Row>
-						<div className="select-none col-start-2 h-12 w-12 flex justify-center items-center mx-auto bg-green-800 rounded-full">
+						<div
+							className="select-none col-start-2 h-12 w-12 flex justify-center items-center mx-auto bg-green-800 rounded-full">
 							<FontAwesomeIcon icon={faPhone} color="white" size="lg" />
 						</div>
 						<div className="select-none my-auto" onClick={pressBackspace}>
@@ -117,6 +118,13 @@ const pressBackspaceAtom = atom(
 	},
 );
 
-export const getServerSideProps = withPageOnboardingRequired();
+export const getServerSideProps = withPageOnboardingRequired(({ res }) => {
+	res.setHeader(
+		"Cache-Control",
+		"private, s-maxage=15, stale-while-revalidate=59",
+	);
+
+	return { props: {} };
+});
 
 export default Keypad;

src/pages/messages/index.tsx

@@ -49,6 +49,11 @@ type Recipient = string;
 
 export const getServerSideProps = withPageOnboardingRequired(
 	async (context, user) => {
+		context.res.setHeader(
+			"Cache-Control",
+			"private, s-maxage=15, stale-while-revalidate=59",
+		);
+
 		const [customer, messages] = await Promise.all([
 			findCustomer(user.id),
 			findCustomerMessages(user.id),

src/pages/settings/index.tsx

@@ -49,6 +49,15 @@ const Settings: NextPage<Props> = (props) => {
 	);
 };
 
-export const getServerSideProps = withPageOnboardingRequired();
+export const getServerSideProps = withPageOnboardingRequired(
+	async ({ res }) => {
+		res.setHeader(
+			"Cache-Control",
+			"private, s-maxage=15, stale-while-revalidate=59",
+		);
+
+		return { props: {} };
+	},
+);
 
 export default Settings;