Instalura

Project of Advanced Front-End Bootcamp from Alura using the JAMStack.

Technologies

Resources

• Styled components: utilises tagged template literals to style your components.
• Styled normalize: CSS-normalize library for styled-components.
• lodash: A modern JavaScript utility library delivering modularity, performance & extras.
• Google Fonts: Making the web more beautiful, fast, and open through great typography.
• prop-types: Runtime type checking for React props and similar objects.
• Framer Motion: A production-ready motion library for React.
• Lottie: React/Typescript wrapper for awesome Airbnb's lottie-web lib.
• yup: Yup is a JavaScript schema builder for value parsing and validation.

Resources for CI/CD

• shelljs: ShellJS is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API.
• husky: Husky improves your commits and more 🐶 woof!
• commitizen: When you commit with Commitizen, you'll be prompted to fill out any required commit fields at commit time.
• commitlint: commitlint helps your team adhering to a commit convention.
• dependabot: Automated dependency updates
• Github Actions: Automate your workflow from idea to production

Next Features

• Static pages generated dynamically
• Static content
• Navigation as SPA
• Trailing slash as default for project pages using next.config.js

Run Project

# clone repo
git clone <project>

# install dependencies
yarn install

# run project
yarn dev

# acess page
http://localhost:3000/

Run online

This project can be tested online, click on badge below:

Tests

• Unit tests with Jest.
• React Component tests with React Testing Library.
• Integrations tests (End to End - E2E) with Cypress.

Run unit tests

1. Run all at once: yarn test
2. Run and watch changes (development): yarn test:watch

Run integration tests

1. Headless: yarn test:integration
2. On cypress test suite: yarn test:integration:open