This project was created with Next.js and styled-component during the Advanced Frontend Bootcamp

Some of the features:

• best practices for code architecture
• Creation of foundation components such as box, grid and text
• Modal and form creation with and without external libs
• Using libs resources like lodash, normalize and framer-motion
• Creation of Theme Colors and Typographys used throughout the application
• Typing props with prop-types lib
• applying our own responsive design without using external libs like bootstrap
• including eslint to standardize the code
• using Context API
• making use of useState and UseEffect
• applying CI and CD with github Action and Vercel
• creating pages and dynamic routes with next.js
• making use of SEO good practices
• Testing the code with Cypress

Why Next JS ?

Next is quite powerful. It comes with a lot of features for production and it´s possible to say that Next goes a step beyond create-react-app.

Why Styled Component ?

Having CSS in JS makes easier to maintaing the code and discard the unused css.

Languages

Deploying with Vercel

The easiest way to deploy a project:

1. login vercel.com with github account
2. import the project I want to deploy just by clicking on 'import'
3. click on 'deploy' button :)

To start a project with Next JS

It could be only yarn create next-app or, if we want the styled-components yarn create next-app --example with-styled-components 'project name'.