https://github.com/evandrocalado/landing_pages_next
Projeto Landing pages com Next, Storybook, Typescript, Styled Compoent, Husky e Jest.
https://github.com/evandrocalado/landing_pages_next
eslint husky jest nextjs prettier react storybook styled-components typescript
Last synced: about 1 month ago
JSON representation
Projeto Landing pages com Next, Storybook, Typescript, Styled Compoent, Husky e Jest.
- Host: GitHub
- URL: https://github.com/evandrocalado/landing_pages_next
- Owner: EvandroCalado
- License: mit
- Created: 2023-03-17T00:51:18.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-27T13:40:08.000Z (about 2 years ago)
- Last Synced: 2025-02-13T10:19:38.860Z (3 months ago)
- Topics: eslint, husky, jest, nextjs, prettier, react, storybook, styled-components, typescript
- Language: TypeScript
- Homepage: https://landing-pages-next.vercel.app
- Size: 1.05 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
đ„ïž Landing Page
đ Click aqui para acessar
[](#table-of-contents)
𧩠Introdução    |  Â
đ Resultados   |  Â
đ§Ș DependĂȘncias   |  Â
đĄ PossĂveis Melhorias    |  Â
đ CrĂ©ditos      Â
â OlĂĄ!
Estou muito animado em compartilhar com vocĂȘ a nossa nova landing page criada com as tecnologias mais modernas do mercado! Como desenvolvedor, eu escolhi usar Next.js, Typescript, Styled Components, Storybook, Jest e Husky para criar uma pĂĄgina Ășnica e incrĂvel para vocĂȘ.
Com o Next.js, consegui criar uma pĂĄgina rĂĄpida e dinĂąmica, com uma experiĂȘncia de usuĂĄrio mais fluida. AlĂ©m disso, o Typescript nos permitiu escrever um cĂłdigo mais seguro e escalĂĄvel, garantindo a integridade da pĂĄgina. Usando o Styled Components, pude criar um design moderno e personalizado, com um cĂłdigo mais fĂĄcil de gerenciar e modificar.
Eu também usei o Jest para testes automatizados, garantindo que a pågina seja entregue sem erros e bugs, e o Storybook para visualizar os componentes de forma isolada e garantir que cada parte da pågina funcione perfeitamente.
Para manter o nosso cĂłdigo organizado e limpo, utilizei o Husky para garantir que todos os nossos commits atendam aos padrĂ”es definidos e que o cĂłdigo seja sempre entregue com a melhor qualidade possĂvel.
Espero que vocĂȘ goste da nossa landing page tanto quanto eu gostei de criĂĄ-la! Eu trabalhei duro para trazer a melhor experiĂȘncia possĂvel para vocĂȘ, entĂŁo sinta-se Ă vontade para explorar e experimentar essas tecnologias incrĂveis.
Atenciosamente,
Evandro Calado - Desenvolvedor frotend.
## Front-end
### đ± Mobile
â Home | â Section | â Menu | â Menu on Hover |
|---|---|---|---|
 |  |  | 
[](#table-of-contents)
### đ» Desktop
â Home | â Gallery | â Contact |
|---|---|---|
 |  | 
## `đ Scripts`
```JSON
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"export": "next export",
"storybook": "start-storybook -p 6006 -s ./public",
"build-storybook": "build-storybook",
"deploy-static": "npm run build && npm run export",
"test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
"lint": "eslint src --max-warnings=0",
"lint-staged": "lint-staged",
"prepare": "husky install"
}
```
## `đ Dependencies`
```JSON
"dependencies": {
"@styled-icons/material-outlined": "^10.47.0",
"next": "13.2.4",
"prop-types": "^15.8.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-router-dom": "^6.9.0",
"styled-components": "^5.3.9"
}
```
## `đ devDependencies`
```JSON
"devDependencies": {
"@babel/core": "^7.21.3",
"@storybook/addon-actions": "^6.5.16",
"@storybook/addon-essentials": "^6.5.16",
"@storybook/addon-interactions": "^6.5.16",
"@storybook/addon-links": "^6.5.16",
"@storybook/builder-webpack5": "^6.5.16",
"@storybook/manager-webpack5": "^6.5.16",
"@storybook/react": "^6.5.16",
"@storybook/testing-library": "^0.0.13",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^14.0.0",
"@types/node": "^18.15.3",
"@types/react": "^18.0.28",
"@types/styled-components": "^5.1.26",
"@typescript-eslint/eslint-plugin": "^5.55.0",
"@typescript-eslint/parser": "^5.55.0",
"babel-loader": "^8.3.0",
"babel-plugin-styled-components": "^2.0.7",
"eslint": "^8.36.0",
"eslint-config-next": "^13.2.4",
"eslint-config-prettier": "^8.7.0",
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-storybook": "^0.6.11",
"husky": "^8.0.0",
"jest": "^29.5.0",
"jest-environment-jsdom": "^29.5.0",
"jest-styled-components": "^7.1.1",
"lint-staged": "^13.2.0",
"prettier": "^2.8.4",
"ts-jest": "^29.0.5",
"typescript": "^5.0.2"
}
```
𧷠Componentes
â Jest |
|---|
| 
| [
Evandro Calado ](https://www.linkedin.com/in/evandro-calado/) | ***Hello đ Se vocĂȘ chegou atĂ© aqui, acredito que gostou do meu projeto, nesse caso temos algo em comum, sendo assim que tal conversamos um pouco? Meu chama no linkedin đ*** |
|---|---|