Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/screens/home/index.tsx. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Environments Variables

You must create this file in order to use some libraries in the project. In this project, we use Supabase to handle the database work.

Go to the root directory of the project, create a file named .env.

NEXT_PUBLIC_SUPABASE_URL=""
NEXT_PUBLIC_SUPABASE_ANON_KEY=""

Integrate PostgreSQL

After installing the whole project and setting the environments values, you can create the automatic schema by typing the following command on the command line.

npm run setupdb

Thanks

• Monaco Editor - code editor framework
• Icon Set - thanks to css.gg for the iconset
• Supabase - database
• Vercel - Next.js & clientside deployment