1
0
Fork 0
mirror of synced 2024-07-01 20:41:03 +12:00
budibase/examples/nextjs-api-sales
dependabot[bot] 70d4889d9e
Bump minimist from 1.2.5 to 1.2.6 in /examples/nextjs-api-sales
Bumps [minimist](https://github.com/substack/minimist) from 1.2.5 to 1.2.6.
- [Release notes](https://github.com/substack/minimist/releases)
- [Commits](https://github.com/substack/minimist/compare/1.2.5...1.2.6)

---
updated-dependencies:
- dependency-name: minimist
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
2022-04-05 10:38:58 +00:00
..
components Editting readme for example and linting example. 2022-03-10 10:12:21 +00:00
db
definitions Editting readme for example and linting example. 2022-03-10 10:12:21 +00:00
pages Editting readme for example and linting example. 2022-03-10 10:12:21 +00:00
public
styles
utilities Editting readme for example and linting example. 2022-03-10 10:12:21 +00:00
.eslintrc.json
.gitignore
next-env.d.ts
next.config.js Editting readme for example and linting example. 2022-03-10 10:12:21 +00:00
package.json
README.md Merge branch 'examples/nextjs' of github.com:Budibase/budibase into examples/nextjs 2022-03-10 17:56:52 +00:00
tsconfig.json
yarn.lock Bump minimist from 1.2.5 to 1.2.6 in /examples/nextjs-api-sales 2022-04-05 10:38:58 +00:00

Budibase API + Next.js example

This is an example of how Budibase can be used as a backend for a Postgres database for a Next.js sales app. You will need to follow the walk-through that has been published in the Budibase docs to set up your Budibase app for this example.

Pre-requisites

To use this example you will need:

  1. Docker
  2. Docker Compose
  3. Node.js
  4. A self-hosted Budibase installation

Getting Started

The first step is to set up the database - you can do this by going to the db/ directory and running the command:

docker-compose up

The next step is to follow the example walk-through and set up a Budibase app as it describes. Once you've done this you can configure the settings in next.config.js, specifically the apiKey, host and appName.

Finally, you can start the dev server with the following command:

npm run dev
# or
yarn dev

Accessing the app

Open http://localhost:3001 with your browser to see the sales app.

Look in the API routes (pages/api/sales.ts and pages/api/salespeople.ts) to see how this is integrated with Budibase. There is also a utility file where some core functions and types have been defined, in utilities/index.ts.

Attribution

This example was set up using Next.js and bootstrapped with create-next-app.