Skip to content

A simple example of displaying data from an API (Supabase) and using MobX for state management

Notifications You must be signed in to change notification settings

SincerelyFaust/vehicle-list-mobx-example

Repository files navigation

Vehicle list MobX example

A simple Next.js example of displaying data fetched from an API, in this case from Supabase, and using MobX for state management. It also features some neat components that are all custom and written in plain CSS (CSS Modules) including forms and the use of mobx-react-form for validating those.

Running the project

  1. Install dependencies:
pnpm i
  1. Create a file named .env.local and paste in the following:
NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
  1. Start the dev server:
pnpm dev
  1. The project is available at http://localhost:3000

Vercel deployment link:

https://vehicle-list-mobx-example.vercel.app/