Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nareshbhatia/drizzle-todo
Demonstrates how to use Drizzle with Next.js
https://github.com/nareshbhatia/drizzle-todo
Last synced: about 6 hours ago
JSON representation
Demonstrates how to use Drizzle with Next.js
- Host: GitHub
- URL: https://github.com/nareshbhatia/drizzle-todo
- Owner: nareshbhatia
- Created: 2024-08-23T01:20:48.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-23T01:22:51.000Z (3 months ago)
- Last Synced: 2024-08-23T02:35:41.762Z (3 months ago)
- Language: TypeScript
- Size: 139 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drizzle Todo App
Demonstrates how to use Drizzle with Next.js.
**Tech Stack**
1. Framework: React 18 + Next.js
2. Styling: Tailwind CSS
3. Linting: Code Shaper ESLint configuration
4. Database: PostgreSQL with Drizzle![Screenshot](assets/screenshot.png)
## Development Build
Copy .env.example to .env.local and set the DATABASE_URL environment variable.
```shell
npm ci
npm run dev
```Now point your browser to http://localhost:3000
## Production Build
```shell
npm ci
npm run build
npm start
```Now point your browser to http://localhost:3000
## All Commands
```
npm ci # install dependencies
npm run build # builds all workspaces
npm run clean # deletes all build artifacts
npm run dev # run the dev build
npm run fix # lints, formats and attempts to fix any issues (requires `npm run build` has been ran)
npm run lint # runs the linter on all workspaces, useful for debugging lint issues (generally `npm run fix` is preferred)
npm start # run the prod build
```