next15 filterlist

Next.js 15 Список фильтров

Интерактивный, постепенно улучшенный диспетчер задач проекта с фильтрацией с использованием следующего.js 15 с Tailwind CSS и Prisma. Это было преднамеренно замедлено, чтобы продемонстрировать обработку состояния загрузки.

См. filter-provider Franch для контекстной версии API, которая переворачивает все фильтры в одно состояние, что устраняет проблему, когда они отбрасываются при переключении по всему.

Смотрите филиал nuqs для версии, используя NUQS, чтобы выполнить то же самое. Наверное, лучше использовать библиотеку, верно?

Это проект Next.js, загруженный с create-next-app .

Этот проект использует next/font для автоматической оптимизации и загрузки Inter, пользовательского шрифта Google.

Начиная

Во -первых, установите зависимости:

npm install

Затем запустите сервер разработки:

npm run dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Настройка Prisma

Вам необходимо определиться между местной разработкой Prisma с sqlite или реальной базой данных, например, sqlserver . Определите его в файле schema.prisma .

Рассмотрим добавление файла .env в корень проекта и используя их внутри schema.prisma с env("DATABASE_URL") , см .env.sample

После переключения удалите папку prisma/migrations прежде чем запустить команду миграции.

При использовании SQLServer вам необходимо перенести схему базы данных:

npm run prisma.migrate

При использовании SQLite инициализируйте с помощью:

npm run prisma.push

SEED PRISMA/SEED.TS для начальных данных:

npm run prisma.seed

Узнать больше

Чтобы узнать больше о следующем.js, посмотрите на следующие ресурсы:

• Next.js Документация - Узнайте о функциях Next.js и API.
• Узнайте Next.js - интерактивный учебник Next.js.

Вы можете проверить хранилище следующего.js GitHub - ваши отзывы и вклады приветствуются!

Развернуть на Vercel

Самый простой способ развернуть ваше приложение.

Ознакомьтесь с нашей документацией по развертыванию Next.js для получения более подробной информации.