Build your own baskets to optimise your gains!
- Set up Supabase
- Create Basket with Tokens
- Track Basket Price
- Store Token Price
- Calculate Basket Price
- Display Basket Price in TradingView Lighweight chart
- Buy Basket tokens through Jup
- Wallet Login
- Jup integration
- Rebalancing Basket
- Tokenized Basket Token
- Feature Request with Votes
- Open Graph Image
- Mobile Navbar
- Theming
- Animated Hero Page
-
You'll first need a Supabase project which can be made via the Supabase dashboard
-
Create a Next.js app using the Supabase Starter template npx command
npx create-next-app -e with-supabase
-
Use
cd
to change into the app's directorycd name-of-new-app
-
Rename
.env.example
to.env.local
and update the following:NEXT_PUBLIC_SUPABASE_URL=[INSERT SUPABASE PROJECT URL] NEXT_PUBLIC_SUPABASE_ANON_KEY=[INSERT SUPABASE PROJECT API ANON KEY]
Both
NEXT_PUBLIC_SUPABASE_URL
andNEXT_PUBLIC_SUPABASE_ANON_KEY
can be found in your Supabase project's API settings -
You can now run the Next.js local development server:
npm run dev
The starter kit should now be running on localhost:3000.
-
This template comes with the default shadcn/ui style initialized. If you instead want other ui.shadcn styles, delete
components.json
and re-install shadcn/ui
Check out the docs for Local Development to also run Supabase locally.