🚀 InternEdge — One Platform Endless Internships.

• 🔥 Seamless Supabase + Clerk Integration for Authentication- Backed Data Management

  🧠 Introduction

  InternEdge is a full-featured web application I built to deeply explore how Supabase — the open-source Firebase alternative — works in production environments, especially when integrated with Clerk for modern authentication. spin up Supabase, create a table, call an API — and you're done. But in real-world apps, authentication and access control (Row Level Security, RLS), and custom roles are crucial. That's why InternEdge was created.

  But beyond tech exploration, InternEdge was also built with a purpose:
  To solve the struggle of finding and managing internships, both for students and companies.

  ---

  ✨ Features

  Here’s what you can expect from internedge:

• 🔐 Authentication with Clerk

• 🧑‍🎓 Students can explore, search, and apply for internships

• 🏢 Companies can post, update, and manage internship listings

• ✉️ Applications handled and stored securely with Supabase

• 🛡️ Row Level Security (RLS) to protect and isolate user data

• ⚙️ Role-based Access Control using Supabase Policies

• 🎨 Minimal, clean UI for both applicant and recruiter sides

• 🌐 Fully client-rendered with Vite and modern web tools

  ---

  🛠️ Tech Stack

  | Layer | Technology | | --- | --- | | Frontend | React, Shadcn Ui, Zod | | Auth | Clerk | | Backend DB | Node, Supabase | | Styling | Tailwind CSS | | Hosting | Vercel |

  ---

  🧪 Why I Built This

  While building side projects, I realized I needed:

  1. A simple auth flow that works with third-party login and JWT access.

  2. A PostgreSQL backend with real-time capabilities.

  3. A playground to test Supabase RLS with actual auth claims from Clerk.

So I combined them and created internedge.

It helped me learn:

• How to sync Clerk users to Supabase

• How Supabase treats authenticated users

• Setting up RLS policies from scratch

• Managing JWT templates in Supabase

• Connecting Vite with secure .env variables

---

📁 Project Structure

    InternEdge/
    ├── src/
    │   ├── components/
    │   ├── pages/
    │   ├── utils/
    ├── .env
    ├── index.html
    ├── package.json
    ├── vite.config.js

---

⚙️ How to Install Locally

    git clone https://github.com/adiitxa/InternEdge.git
    cd internedge
    npm install
    npm run dev

---

🌍 Environment Variables

Create a .env file at the root of your project with the following:

    VITE_SUPABASE_URL=your_supabase_url
    VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
    VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key

⚠️ Note: Never share your Supabase service_role key publicly. Only use anon for frontend.

---

🔐 Clerk + Supabase Integration

Connecting Clerk with Supabase allows us to enforce RLS policies using the identity of the logged-in user.

• 🔗 https://supabase.com/partners/integrations/clerk

  📌 Steps to Connect

  1. Setup Clerk App

     • Go to Clerk Dashboard

     • Create a new app

     • Copy your publishable key

  2. Add Supabase JWT Template in Clerk

Go to Clerk → JWT Templates → Add Template:

    InternEdge: supabase
    Template: 
    {
      "sub": "{{user.id}}",
      "email": "{{user.email_address}}"
    }

This lets Supabase extract the user's ID and email from Clerk's token.

3. Enable RLS in Supabase

In Supabase:

• Create tables like users, applications, internships

• Turn on Row Level Security

• Add policies like:

    sqlCopyEdit-- Allow authenticated users to read their own data
    CREATE POLICY "Users can view their own records"
      ON users
      FOR SELECT
      USING (auth.uid() = id);

4. Configure Supabase to validate Clerk tokens

In Supabase settings → Auth → JWT:

• Set JWT secret to your Clerk JWT secret

• Update the JWT audience to authenticated

📘 Supabase Docs - JWT Auth

📘 Clerk Docs - Supabase Integration

---

🧪 Testing the Flow

• Sign in using Clerk’s UI (Google/Email/etc.)

• Supabase should recognize the session via the JWT

• Supabase policies will enforce access only for the logged-in user's data

---

🧵 Wrapping Up

This project gave me deep insights into:

• Authentication flows using Clerk

• Database-level access control with Supabase

• Combining frontend security with backend logic

---

👉 GitHub Repo: https://github.com/adiitxa/InternEdge

• 🔗 Live Demo : https://internedge.vercel.app