💚
Supabase Launch Week 5 Hackathon:
-
✅ Supabase Auth - User authentication. -
✅ Supabase Database - save the information of each user-created component.
💖
Contributors:
|
|
---|---|
Pablo Hdez | GitHub - Twitter |
Nacho Aldama | GitHub - Twitter |
David Huertas | GitHub - Twitter |
Juan Rojas | GitHub - Twitter |
📹
Video:
📦
Packages:
-
🚀 Turborepo - The High-performance Build System for JavaScript & TypeScript Codebases. -
⚡️ Nextjs - The React Framework for Production. -
⚒️ React 18 - A JavaScript library for building user interfaces. -
💙 Typescript - A superset of JavaScript. -
💚 Supabase - Build in a weekend. Scale to millions. -
💅 Chakra UI for docs - Create accessible React apps with speed. -
💨 TailwindCSS for library - Rapidly build modern websites without ever leaving your HTML. -
💖 React-Icons - A flexible icon family for everyone. -
⬛ CodeSandbox Sandpack - A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
🚀
Getting Started:
- Clone the repository:
git clone https://github.com/pheralb/superui.git
- Install dependencies:
cd superui
npm install
- Create a Supabase database with the following query:
create table components (
id bigint generated by default as identity primary key,
user_id uuid references auth.users not null,
title text check (char_length(title) > 3),
description text,
code text,
inserted_at timestamp with time zone default timezone('utc'::text, now()) not null
);
- Copy Supabase URL & Anon api key from your database and create a .env file in the /app folder with the following content:
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
- Run the following command to start the development server:
npm run dev
And ready