updated nextjs example with app router

This commit is contained in:
dswbx
2025-02-27 20:09:03 +01:00
parent 2d5da63eb2
commit 09074f6591
36 changed files with 334 additions and 284 deletions

View File

@@ -1,38 +1,36 @@
# bknd starter: Next.js
A minimal Next.js project with bknd integration.
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
## Project Structure
## Getting Started
Inside of your Next.js project, you'll see the following folders and files:
First, run the development server:
```text
/
├── public/
├── src/
│ └── pages/
│ └── admin/
│ │ └── [[...admin]].tsx
│ └── api/
│ │ └── [...route].ts
│ ├── _app.tsx
│ ├── _document.tsx
│ └── index.tsx
└── package.json
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
To update `bknd` config, check `src/pages/api/[...route].ts` and `src/pages/admin/[[...admin]].tsx`.
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Commands
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
All commands are run from the root of the project, from a terminal:
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
| Command | Action |
|:--------------------------|:-------------------------------------------------|
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:3000` |
| `npm run build` | Build your production site |
| `npm run db` | Starts a local LibSQL database |
## Learn More
## Want to learn more?
To learn more about Next.js, take a look at the following resources:
Feel free to check [our documentation](https://docs.bknd.io/integration/nextjs) or jump into our [Discord server](https://discord.gg/952SFk8Tb8).
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.