nuxt-supabase-full-multi-user-blog

KO | EN

gitlite — search

#python #react #ai #go #rust #docker #macos #windows #awesome #cli #awesome-list #pytorch #security #mcp

nuxt-supabase-full-multi-user-blog

(★ 65)

Build a mult-user blogging app with Supabase and Nuxt.js

nuxt-supabase-full-multi-user-blog Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Building a Multi-User Blogging App with Nuxt and Supabase

This project goes along with the blog post featured on CSS Tricks.

### Running the project

To get started with this project, follow these steps.

1. Create a new project in the Supabase dashboard

2. Click on SQL in the left menu, and execute the following SQL query:

```sql
CREATE TABLE posts (
  id bigint generated by default as identity primary key,
  user_id uuid references auth.users not null,
  user_email text,
  title text,
  content text,
  inserted_at timestamp with time zone default timezone('utc'::text, now()) not null
);

alter table posts enable row level security;

create policy "Individuals can create posts." on posts for
    insert with check (auth.uid() = user_id);

create policy "Individuals can update their own posts." on posts for
    update using (auth.uid() = user_id);

create policy "Individuals can delete their own posts." on posts for
    delete using (auth.uid() = user_id);

create policy "Posts are public." on posts for
    select using ( true );
```

3. Clone the project

```sh
git clone git@github.com:dabit3/nuxt-supabase-full-multi-user-blog.git
```

4. Change into the new directory and install the dependencies

```sh
cd nuxt-supabase-full-multi-user-blog

yarn
```

5. Update __plugins/client.js__ with the values from your Supabase project:

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

const supabase = createClient(
  "your-supabase-api-url", // Supabase API URL
  "your-supabase-public-api-key" // Supabase API Key
)

export default (_, inject) => {
  inject('supabase', supabase)
}
```

![API Configuration](https://raw.githubusercontent.com/dabit3/nuxt-supabase-full-multi-user-blog/main/api-config.jpeg)

6. Run the server

```sh
npm run dev
```

nuxt-supabase-full-multi-user-blog

nuxt-supabase-full-multi-user-blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

nuxt-supabase-full-multi-user-blog

nuxt-supabase-full-multi-user-blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README