Merge branch 'main' into faizan07/issue203

apps/web/package.json

@@ -34,6 +34,7 @@
     "@trpc/next": "^10.34.0",
     "@trpc/react-query": "^10.34.0",
     "@trpc/server": "^10.34.0",
+    "@upstash/ratelimit": "^0.4.3",
     "@vercel/analytics": "^1.0.1",
     "lucide-react": "^0.259.0",
     "next": "13.4.9",

apps/web/src/middleware.ts

@@ -0,0 +1,28 @@
+import type { NextRequest } from 'next/server';
+import { Ratelimit } from '@upstash/ratelimit';
+import { Redis } from '@upstash/redis';
+import { NextResponse } from 'next/server';
+
+const redis = new Redis({
+  url: 'https://eternal-deer-42544.upstash.io',
+  token: process.env['UPSTASH_TOKEN']!,
+});
+
+const ratelimit = new Ratelimit({
+  redis: redis,
+  limiter: Ratelimit.slidingWindow(5, '10 s'),
+});
+
+export default async function middleware(
+  request: NextRequest,
+): Promise<Response | undefined> {
+  const ip = request.ip ?? '127.0.0.1';
+  const { success } = await ratelimit.limit(ip);
+  return success
+    ? NextResponse.next()
+    : NextResponse.redirect(new URL('/blocked', request.url));
+}
+
+export const config = {
+  matcher: '/api/:path*',
+};

apps/web/src/pages/blocked.tsx

@@ -0,0 +1,16 @@
+import { type NextPage } from 'next';
+
+const Blocked: NextPage = () => {
+  return (
+    <main className="container mx-auto flex min-h-screen flex-col items-center justify-center gap-3 text-center">
+      <h1 className="text-6xl font-extrabold tracking-tighter md:text-7xl">
+        Access Denied
+      </h1>
+      <p className="text-gray-11 dark:text-graydark-11">
+        Our servers have put you on the naughty list.
+      </p>
+    </main>
+  );
+};
+
+export default Blocked;

apps/web/src/pages/waitlist.tsx

@@ -68,7 +68,7 @@ const WaitList: NextPage = () => {
           <p className="text-gray-11 dark:text-graydark-11 mx-auto text-center">
             <Balancer>
               By signing up to our waitlist, you will be first in line to know
-              when we launch and geting early access.
+              when we launch and getting early access.
             </Balancer>
           </p>
           <form