nuxt-supabase-full-multi-user-blog

KO | EN

gitlite — search

#javascript #python #react #llm #golang #rust #linux #docker #java #cli #kubernetes #awesome-list #mcp #open-source

nuxt-supabase-full-multi-user-blog

(★ 65)

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

nuxt-supabase-full-multi-user-blog 최신버젼 다운로드

최종 버전 다운로드 (.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 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

nuxt-supabase-full-multi-user-blog

nuxt-supabase-full-multi-user-blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README