https://github.com/leticea/tailwind-next
Projeto do Ignite da Rocketseat.
https://github.com/leticea/tailwind-next
lucide-react nextjs13 npm tailwindcss
Last synced: 2 months ago
JSON representation
Projeto do Ignite da Rocketseat.
- Host: GitHub
- URL: https://github.com/leticea/tailwind-next
- Owner: leticea
- Created: 2023-08-24T13:46:17.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-23T20:42:46.000Z (almost 3 years ago)
- Last Synced: 2023-09-24T00:49:38.502Z (almost 3 years ago)
- Topics: lucide-react, nextjs13, npm, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 129 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tecnologias |
Projeto |
Como rodar |
Como contribuir
# Dashboard with Tailwind CSS and Nextjs
## 🚀 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [Nodejs](https://nodejs.org/en/) - v18.12.1
- [Npm](https://www.npmjs.com/) - 8.19.2
- [Nextjs](https://nextjs.org/) - 13.4.19
- [TypeScript](https://www.typescriptlang.org/) - ^4.9.3
- [Tailwindcss](https://tailwindcss.com/) - ^3.2.4
- [Tailwind-Variants](https://www.tailwind-variants.org/docs/introduction) - ^0.1.14
- [Radix UI](https://www.radix-ui.com/)
- [Formkit AutoAnimate](https://auto-animate.formkit.com/) - ^0.8.0
- [Framer Motion](https://www.framer.com/motion/) - ^10.16.1
- [Lucide React](https://lucide.dev/guide/packages/lucide-react) - ^0.268.0
## 💻 Projeto
Projeto desenvolvido com Nextjs para aprender vários conceitos sobre Tailwind CSS, um framework de CSS focado em utilities. O Tailwind utiliza o conceito de interface declarativa, onde a estilização é feita próximo à estrutura do projeto. Isso evita a repetição de classes e facilita a estilização de elementos com variações.
- Módulo Masterizando o Tailwind do Ignite na plataforma da [Rocketseat](https://www.rocketseat.com.br/).
## ⚙️ Como Rodar
- Clone o projeto.
- Entre na pasta do projeto e rode 'npm install' (use 'yarn add' se for essa a sua configuração).
- npm run dev para rodar o projeto na porta indicada.
## 🤔 Como contribuir
- Faça um fork desse repositório;
- Cria uma branch com a sua feature: `git checkout -b minha-feature`;
- Faça commit das suas alterações: `git commit -m 'feat: Minha nova feature'`;
- Faça push para a sua branch: `git push origin minha-feature`.
Depois que o merge da sua pull request for feito, você pode deletar a sua branch.
## 📝 Licença
Esse projeto está sob a licença MIT.