Black Friday: Enjoy a 25% discount on the starter kits. Use code BLACKFRIDAY2024 at checkout.

LaunchFast Logo LaunchFast

Introducing Protected Pages

Rishi Raj Jain

LaunchFa.st comes with baked-in protected page(s) to help you prevent un-authenticated access to such pages. With the authentication methods such as Twitter OAuth 2.0, Google OAuth 2.0 and Credentials (email and password) built in with LaunchFa.st, such authenticated methods can be used by your users to get access to the protected pages in your application.

Here’s how easily you can create protected pages with LaunchFa.st:

  • Create a file, say protected.astro with the following code:
src/pages/protected.astro
---
import { getSession } from '@/lib/utils/auth'
const session = getSession(Astro.cookies)
if (!session) return webResponse('Unauthorized', 403, {})
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
</head>
<body class="font-display">
<div class="relative mx-auto flex max-w-7xl flex-col px-8 py-8">
<h1 class="pb-6 text-3xl font-medium text-launchfast">Protected Content!</h1>
</div>
</body>
</html>
  • That’s it! The getSession in the LaunchFast Starter Kit takes care of decoding the session cookies and validating the user authentication status. If unauthorized, a 403 response is sent enforcing authentication based access to the content.

Worry not, with LaunchFa.st you get such a page protected.astro built for you with goodies on top.

Learn More Authenticating users in Astro with Better Auth: A Step-by-Step Guide
Authenticating users in Astro with Better Auth: A Step-by-Step Guide November 24, 2024
Astro vs Next.js: Choosing the Right Framework in 2024
Astro vs Next.js: Choosing the Right Framework in 2024 October 30, 2024
6 Essential Features Every Web Starter Kit Should Include
6 Essential Features Every Web Starter Kit Should Include October 26, 2024