Integrating Supabase with Next.js
By Admin••34 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!