Bytebase API Example

This is a sample app demonstrating how to use Bytebase API to create and rollout a database change.

Say your organization already has a DevOps platform and you want to integrate the database change into the development workflow. This app is for you.

The app is built with Next.js and TailwindCSS.

Prerequisites

Check out Self-host Bytebase via docker for more information.
Create a service account. Choose the DBA role which is sufficient for this sample.

Clone this repository.
Copy env-template.local to .env.local.
```
cp env-template.local .env.local
```
Update the env file with the created service account.
- NEXT_PUBLIC_BB_HOST. The host where Bytebase is running. This usually is the external url.
- NEXT_PUBLIC_BB_SERVICE_ACCOUNT. The service account created in step 1.
- NEXT_PUBLIC_BB_SERVICE_KEY. The service key created in step 1.
Run the following commands:
```
pnpm i && pnpm dev
```

Open the host with your browser to see the running app.

In src/app/page.tsx:

In src/app/components/add-issue-form.tsx and src/app/api/xxxx/route.ts:

In order to create an issue, you need to create resources in the following order:

In src/app/components/add-issue-form.tsx:

Name		Name	Last commit message	Last commit date
Latest commit History 21 Commits
docs		docs
public		public
src		src
.gitignore		.gitignore
README.md		README.md
env-template.local		env-template.local
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json