https://github.com/webmasterdevlin/tanstack-start-filterlist
https://github.com/webmasterdevlin/tanstack-start-filterlist
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/webmasterdevlin/tanstack-start-filterlist
- Owner: webmasterdevlin
- License: mit
- Created: 2024-12-15T13:57:28.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-05-02T07:28:25.000Z (about 2 months ago)
- Last Synced: 2025-05-02T08:37:08.101Z (about 2 months ago)
- Language: TypeScript
- Homepage: https://tanstack-start-filterlist.netlify.app
- Size: 1.05 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TanStack Filter List based on the Next.js 15 Filter List of @aurorascharff a.k.a. The RSC Queen 👸
Link to the Next.js 15 Filter List of @aurorascharff:
- https://github.com/aurorascharff/next15-filterlist
An interactive, progressively enhanced (not fully) project task manager with filtering using TanStack Start with Tailwind CSS and Prisma. It's been purposely slowed down to showcase the handling of loading state.
## Getting Started
First, install the dependencies:
```bash
npm install
```
Then, run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Prisma Setup
You need decide between prisma local development with `sqlite` or a real database with for example `sqlserver`. Define it in the `schema.prisma` file.
Consider adding a `.env` file to the root of the project and using these inside `schema.prisma` with `env("DATABASE_URL")`, refer to `.env.sample`.
After switching, delete the `prisma/migrations` folder before running the migration command.
When using sqlserver, you need to migrate the database schema with:
```bash
npm run prisma.migrate
```
When using sqlite, initialize with:
```bash
npm run prisma.push
```
Seed prisma/seed.ts for initial data:
```sh
npm run prisma.seed
```
## Deploy on Vercel
- https://tanstack.com/router/latest/docs/framework/react/start/hosting