75a18e13a4
Bumps [next](https://github.com/vercel/next.js) from 14.2.10 to 14.2.15. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](https://github.com/vercel/next.js/compare/v14.2.10...v14.2.15) --- updated-dependencies: - dependency-name: next dependency-type: direct:production ... Signed-off-by: dependabot[bot] <support@github.com> |
||
---|---|---|
.. | ||
components | ||
db | ||
definitions | ||
pages | ||
public | ||
styles | ||
utilities | ||
.eslintrc.json | ||
.gitignore | ||
README.md | ||
next-env.d.ts | ||
next.config.js | ||
package.json | ||
tsconfig.json | ||
yarn.lock |
README.md
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:
- Docker
- Docker Compose
- Node.js
- 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
.