Implement DEFAULT_HOMEPAGE env var for redirect (#280)

krokosik · web-flow · commit 9c30ba1aebda · 2025-07-24T21:52:14.000+02:00
* Add DEFAULT_HOMEPAGE env var

* Remove duplicated head fields

* Dont use home as index page

* Create a redirect to custom homepage

* Update the env example message
diff --git a/.env.example b/.env.example
@@ -19,6 +19,11 @@ DATABASE_URL="postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@${POSTGRES_CONT
 NEXTAUTH_SECRET="secret"
 NEXTAUTH_URL="http://localhost:3000"
 
+# The default /home page is a blog page that may not be suitable for your use case.
+# You can change it to /balances or any other URL you want.
+# Note that it creates a permanent redirect, so changing it later will require a cache clear from users.
+DEFAULT_HOMEPAGE="/home"
+
 # If provided, server-side calls will use this instead of NEXTAUTH_URL.
 # Useful in environments when the server doesn't have access to the canonical URL
 # of your site.
diff --git a/next.config.js b/next.config.js
@@ -5,10 +5,6 @@
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
  * for Docker builds.
  */
-await import('./src/env.js');
-
-/** @type {import("next").NextConfig} */
-
 import pwa from 'next-pwa';
 // @ts-ignore
 import nextra from 'nextra';
@@ -19,6 +15,7 @@ const withPwa = pwa({
   // disable: process.env.NODE_ENV === 'development',
 });
 
+/** @type {import("next").NextConfig} */
 const config = {
   reactStrictMode: true,
   output: process.env.DOCKER_OUTPUT ? 'standalone' : undefined,
@@ -35,6 +32,13 @@ const config = {
     defaultLocale: 'en',
   },
   transpilePackages: ['geist'],
+  redirects: async () => [
+    {
+      source: '/',
+      destination: process.env.DEFAULT_HOMEPAGE ?? '/home',
+      permanent: true,
+    },
+  ],
   images: {
     remotePatterns: [
       {
diff --git a/src/env.js b/src/env.js
@@ -49,6 +49,7 @@ export const env = createEnv({
     WEB_PUSH_PUBLIC_KEY: z.string().optional(),
     FEEDBACK_EMAIL: z.string().optional(),
     DISCORD_WEBHOOK_URL: z.string().optional(),
+    DEFAULT_HOMEPAGE: z.string().default('/home'),
   },
 
   /**
@@ -92,6 +93,7 @@ export const env = createEnv({
     WEB_PUSH_PUBLIC_KEY: process.env.WEB_PUSH_PUBLIC_KEY,
     FEEDBACK_EMAIL: process.env.FEEDBACK_EMAIL,
     DISCORD_WEBHOOK_URL: process.env.DISCORD_WEBHOOK_URL,
+    DEFAULT_HOMEPAGE: process.env.DEFAULT_HOMEPAGE,
   },
   /**
    * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
diff --git a/src/pages/auth/signin.tsx b/src/pages/auth/signin.tsx
@@ -223,7 +223,8 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   if (session) {
     return {
       redirect: {
-        destination: callbackUrl && !Array.isArray(callbackUrl) ? callbackUrl : '/balances',
+        destination:
+          callbackUrl && !Array.isArray(callbackUrl) ? callbackUrl : env.DEFAULT_HOMEPAGE,
         permanent: false,
       },
     };
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
@@ -21,9 +21,6 @@ export default function Home() {
   return (
     <>
       <Head>
-        <title>SplitPro: Split Expenses with your friends for free</title>
-        <meta name="description" content="SplitPro: Split Expenses with your friends for free" />
-        <link rel="icon" href="/favicon.ico" />
         {process.env.NODE_ENV === 'production' && (
           <>
             <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
