This terminal application aims to help new developers to quickly create ready to play applications, powered by Supabase.

Related tags

Learning resource terminal terminal-app developer-tool supabase supabase-js supabase-auth remix-run
Overview

Welcome to Create Supabase App 👁 ⚡️ 👁

create-supabase-app

Supabase is an open-source Firebase alternative.

This terminal application aims to help new developers quickly create ready-to-play applications, powered by Supabase.

It doesn't replace Supabase CLI

Pick a starter project & start playing with Supabase!

🚨 This is still an alpha and could be unstable

npx create-supabase-app@latest

Future

Known issues:

  • UI glitches on macOS & Linux (solved by changing title font and removing gradients 🥲 )
  • Fix color theme (solarized dark doesn't work well)
  • Windows with WSL 2, glitches with some Terminal, glitches when screen rerender (Ink know issue)
  • Not responsive 😂 (and probably never)

I plan to add more features and improve the experience (order is subjective) :

  • Add Next.js templates
  • Add more examples with Supabase (edge functions, realtime, ...)
  • Add a no UI mode and support args
  • Add an option to create a local project with Supabase CLI (a more advanced use case)
  • Add tooling to generate base templates (like replicating Auth module without copy/paste)
  • Add support to run an init script located in supabase.init
  • Add a way to test a template locally (to help people create new templates)
  • Add documentation on how to create a template
  • Why not Expo examples?

Make your own CLI app!

To make what I wanted to do, I created a naive implementation of React Router / React Navigation. You can reuse it and improve it to quickly create your own CLI app.

Credits

The workflow comes from retro engineering of Supabase CLI

The template system/idea comes from Remix create-remix (credits in the source code)

The whole project relies on Ink and :

Thanks to @vadimdemedes and @sindresorhus for the great work!

React Router for the routing system that inspired me.

React Navigation for the navigation system that I try to mimic.

You might also like...

This simple project aims to connect to an API to fetch score data and display it on a LeaderBoard box, as well as provide the tool to submit a new score.

This simple project aims to connect to an API to fetch score data and display it on a LeaderBoard box, as well as provide the tool to submit a new score.

Leader Board: Hit the API! This simple project aims to connect to an API to fetch score data and display it on a LeaderBoard box, as well as provide t

Apr 6, 2022

THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.

THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.

Typing Game for Developers to Boost their Typing Speed and Accuracy Read Blog Technologies Yarn React JS Html Css Features 🎹 Typing Area 🌟 Ranking ?

Dec 14, 2022

⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL

⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL

Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like

Nov 18, 2022

This repository aims to create a POC about authentication and authorization using NestJS, Prisma and JWT.

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Nov 2, 2022

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few clicks.

👷‍♂️ NFTank 🚀 NFTank (NFT tank for dummies) will allow developers to quickly request NFTs to personal wallets or smart contracts in just a few click

Nov 8, 2022

LearnR is an educators application that aims to bring together students and teachers on the community platform.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Sep 5, 2022

Harassment Manager is a web application that aims to empower users to document and take action on abuse targeted at them on online platforms.

Harassment Manager Online abuse and harassment silence important voices in conversation, forcing already marginalized people offline. Harassment Manag

Dec 6, 2022

example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.

Spotify Web Playback SDK Demo Requirements User must have Spotify Premium, DRM & EME supported and JavaScript enabled Web Browser. License Copyright 2

Jul 20, 2022

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

Dec 30, 2022
Comments
  • init from local dev

    init from local dev

    Init from local dev.

    This huge init implements a React Router / React Navigation like to be able to easily move and share datas across screens. Also add ans Outlet component that gives children a hook to get datas from a layout (use case for : layout fetches data with loading state ==> children can react to that and adapts their render). Also add Auth feature to save and load access token the same way Supabase CLI does.

    opened by rphlmr 0
Owner
Raphaël Moreau
⚡️Hello There
Raphaël Moreau
GitHub
This gem aims to let you quickly send SMS from JavaScript and Python using the Orange SMS API.

Orange SMS API ?? Orange SMS is a client library that allow you to send SMS with Javascript and Python using the Orange SMS API Disclaimer ⛔ This gem

Honorable Con 6 Aug 4, 2022
CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together

Shayan Debroy 5 Jan 20, 2022
A daily print-and-play roguelike adventure you can play offline.

Chronicles of Stampadia A print-and-play roguelike with a new adventure every day! Play today's adventure | Read the manual | Learn how to play | Disc

Francesco Cottone 36 Oct 15, 2022
Danger is near (play to earn game, gamefi on near chain testnet) - user play as a fireknight in a PIXELVERSE world who go to forest and kill monster.

Danger is near (play to earn game, gamefi on near chain testnet) - user play as a fireknight in a PIXELVERSE world who go to forest and kill monster. User can earn $DANGER token and score to compete with others user.

Jason Factor 21 Dec 30, 2022
This project aims for Road to web3 Hackathon powered by Polygon

BlogStream A blog site where users directly pay the writers for only what they are reading This is a project created for Road to Web3 hackathon by Web

WebX DAO 11 Sep 12, 2022
A decentralised portal that aims to help Government Educational organisations to track student and colleges data to provide them with fellowships and programs.

DeSIDB A decentralised database built on Ethereum & Solidity. Introduction - India is a country with a population of 6.8 crore students graduating eac

Sachin Pandey 14 Jul 10, 2022
e-ONG, an authorial project, whose objective is to help ONGs to find people who need help or would like to help them

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the developmen

Lucas Lima 2 Nov 11, 2022
⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase

SupaComments ⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs ?? Demo You can visit the Below demo blog po

MC Naveen 112 Dec 27, 2022
API dot Open Sauced is NestJS and SupaBase powered OAS3 backend designed to remove client complexity and provide a structured graph of all @open-sauced integrations

?? Open Sauced Nest Supabase API ?? The path to your next Open Source contribution ?? Prerequisites In order to run the project we need the following

TED Vortex (Teodor-Eugen Duțulescu) 13 Dec 18, 2022
Our super simple URL shortener. Powered by Deno and Supabase.

Feelantera URL Shortener This is our super simple URL shortener. Powered by Supabase and Deno, and Oak for the http framework. You can deploy this pro

Feelantera 16 Oct 14, 2022