feat: vercel deployment

.github/workflows/release-dev.yaml

@@ -0,0 +1,21 @@
+name: Vercel Preview Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches-ignore:
+      - main
+jobs:
+  Deploy-Preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/release-prod.yaml

@@ -0,0 +1,21 @@
+name: Vercel Production Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches:
+      - main
+jobs:
+  deploy-production:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

components/Login.tsx → app/(legal)/expired/page.tsx

@@ -5,10 +5,15 @@ import Button from '@mui/material/Button';
 import Container from '@mui/material/Container';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
+import { NextPage } from 'next';
 import toast from 'react-hot-toast';
 import { FaDiscord } from 'react-icons/fa';
 
-export default function LoginPage() {
+const ExpiredPage: NextPage = () => {
+  return <LoginPage />;
+};
+
+const LoginPage = () => {
   return (
     <Container
       maxWidth="xs"
@@ -44,4 +49,6 @@ export default function LoginPage() {
       </Typography>
     </Container>
   );
-}
+};
+
+export default ExpiredPage;

app/links/page.tsx

@@ -38,7 +38,7 @@ const getServerSideProps = async () => {
     };
   } catch (e) {
     console.error(e);
-    return redirect('/');
+    return redirect('/expired');
   }
 };
 

app/rosters/page.tsx

@@ -37,7 +37,7 @@ const getServerSideProps = async () => {
     };
   } catch (e) {
     console.error(e);
-    return redirect('/');
+    return redirect('/expired');
   }
 };