Integrating Supabase with Next.js

By Admin34 views

Integrating Supabase with Next.js

What is Supabase?

Supabase is an open-source Firebase alternative providing:
- PostgreSQL database
- Authentication
- Storage
- Real-time subscriptions
- Auto-generated REST API

Setup

1. Install Package

```bash
npm install @supabase/supabase-js
```

2. Initialize Client

```javascript
import { createClient } from "@supabase/supabase-js";

const supabase = createClient(
process.env.NEXT_PUBLIC_SUPABASE_URL,
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
);
```

3. Fetch Data

```javascript
const { data, error } = await supabase
.from("posts")
.select("*")
.eq("published", true);
```

Authentication

Supabase provides built-in auth:

```javascript
const { user, error } = await supabase.auth.signUp({
email: "user@example.com",
password: "password123"
});
```

Conclusion

Supabase + Next.js = Powerful full-stack combination!

Share this article