Criado totalmente com Next.js 14 utilizando App Router, PayloadCMS, tRPC e TailwindCSS
- Typescript
- Next.js 14
- TailwindCSS
- React
- tRPC
- Payload CMS
- Node
- Express
- Resend
- Sooner
- Lucide Icons
- Shadcn-ui
- Zustand
🛠️ Um mercado de produtos digitais completo feito com Next.js14.
💻 Aplicação inteira responsiva e interatividades para inclusão social.
💳 Dashboard completo para admins.
🛍️ Usuários podem comprar e vender produtos.
🛒 Carrinho de compras persistente.
🔑 Autenticação utilizando Payload CMS
🖥️ Aprendi como auto-hostear uma aplicação Next.js
🌟 Um design extremamente limpo, responsivo e bonito utilizando Shadcn-ui
✉️ Emails incríveis e bonitos para verificação de autenticação e agradecimento pela compra.
✅ Administradores podem verificar e aprovar um produto, melhorando a qualidade do site.
⌨️ Feito 100% com Typescript, código mais seguro, legível e melhor para manutenção por conta das suas tipagens.
https://digital-sea-production.up.railway.app/
Neste projeto é configurado um hosteamento próprio para o Next.js, assim ele pode ser hosteado em qualquer plataforma. Mas porque disso?
Um dos motivos é que você tem controle total sobre a infraestrutura e o ambiente de execução do seu projeto. Isso permite ajustes finos e personalização para atender às necessidades específicas do seu projeto. E uma coisa bacana é que você não fica preso à dar deploy na Vercel, como ele é self-host, o deploy pode ser feito em qualquer lugar.
Não, é necessário ter um domínio próprio para conseguir utilizar a funcionalidade em ambiente de produção. O Resend proporciona um email apenas para ambiente de desenvolvimento.
Use o número 4242-4242-4242-4242, é o número fornecido pela documentação do Stripe. O resto das informações pode digitar qualquer número.
Instale as dependências do projeto utilizando yarn
yarn install my-project
cd my-project