This is a Next.js side project inspired by the app Cosmos. Using the app, one can sign in with Twitter, create a photo, or otherwise, an Element, and delete the Element if they'd like.
This app was built on Supabase and requires a free-tier version. After creating a Supabase project, fill in the env template credentials to run the app smoothly.
Within the Supabase dashboard, head to Authentication -> Providers and ensure Twitter is enabled. You will also need to set up a Twitter OAuth app in which you can follow the Supabase documention to set that up: docs
Via Authentication -> URL configuration, make sure that the site URL is configured.
In the CLI, install Supabase's CLI
brew install supabase/tap/supabase
Run supabase link to link this project to your Supabase project. Enter in the database password.
Run pnpm run generate && pnpm run migrate to apply migrations. To push the migrations up to the Supabase database, run supabase db push.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result. To develop locally, check out Supabase docs to develop locally or point your app with the database url to the Supabase database URL. Ensure the Twitter OAuth App and Supabase URL configuration site URLs are set to the development URL if you are using the Supabase project database URL.
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.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.