https://github.com/sincerelyfaust/vehicle-list-mobx-example

A simple example of displaying data from an API (Supabase) and using MobX for state management
https://github.com/sincerelyfaust/vehicle-list-mobx-example

api css css-modules fetch form javascript js mobx mobx-react-form mobx-react-lite nextjs node react supabase validatorjs

Last synced: 23 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sincerelyfaust/vehicle-list-mobx-example
• Owner: SincerelyFaust
• Created: 2023-07-27T14:02:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-28T19:28:32.000Z (about 1 year ago)
• Last Synced: 2024-05-02T04:34:04.386Z (6 months ago)
• Topics: api, css, css-modules, fetch, form, javascript, js, mobx, mobx-react-form, mobx-react-lite, nextjs, node, react, supabase, validatorjs
• Language: JavaScript
• Homepage: https://vehicle-list-mobx-example.vercel.app
• Size: 180 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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:

```bash

pnpm i

```

2. 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

```

3. Start the dev server:

```bash

pnpm dev

```

4. The project is available at http://localhost:3000

Vercel deployment link:

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