Um gerenciador de tarefas de projeto interativo e progressivamente aprimorado com filtragem usando o Next.js 15 com CSS e prisma do Tailwind CSS. Foi propositadamente desacelerado para mostrar o manuseio do estado de carregamento.
Consulte a filial filter-provider para uma versão da API de contexto, que em lote de todos os filtros em um único estado, corrigindo o problema de ser descartado ao atingir o múltiplo.
Consulte nuqs Branch para uma versão usando NUQs para realizar a mesma coisa. Provavelmente é melhor usar uma biblioteca, certo?
Este é um project create-next-app
Este projeto usa next/font para otimizar e carregar automaticamente inter, uma fonte do Google personalizada.
Primeiro, instale as dependências:
npm installEm seguida, execute o servidor de desenvolvimento:
npm run devAbra http: // localhost: 3000 com seu navegador para ver o resultado.
Você precisa decidir entre o desenvolvimento local do PRISMA com sqlite ou um banco de dados real com, por exemplo, sqlserver . Defina -o no arquivo schema.prisma .
Considere adicionar um arquivo .env à raiz do projeto e usar esses schema.prisma com env("DATABASE_URL") , consulte .env.sample .
Após a troca, exclua a pasta prisma/migrations antes de executar o comando de migração.
Ao usar o SQLServer, você precisa migrar o esquema de banco de dados com:
npm run prisma.migrateAo usar o sqlite, inicialize com:
npm run prisma.pushSemente prisma/semente.ts para dados iniciais:
npm run prisma.seedPara saber mais sobre o Next.js, dê uma olhada nos seguintes recursos:
Você pode conferir o repositório Next.JS Github - seus comentários e contribuições são bem -vindos!
A maneira mais fácil de implantar seu aplicativo Next.js é usar a plataforma Vercel dos criadores do Next.JS.
Confira nossa documentação de implantação do Next.js para obter mais detalhes.