Sancathon 2021 Website!!1!11 Website

O que usamos?

• NextJS
• Chakra UI
• Eslint
• Prettier

Tem o ótimo design da Marine Golffeto Figma Design

Como começar a olhar ou codar no projeto?

Primeiro instale:

• NodeJS
• Yarn

# baixe o repositório com o Clone
$ git clone https://github.com/sancathon/sancathon-2021.git

# Intale as dependencias (Coloque os plugins Eslint e Prettier tbm)
$ yarn install

# Inicia o ambiente de desenvolvimento na porta 8082
$ yarn dev

# Formatar o código (se tiver settado certinho os plugins ele vai fazer isso automatico quando salvar e sempre dispara qualquer erro fora do nosso padrão)
$ yarn lint

Abra http://localhost:8082 no browser!

Comandos

• dev: runs your application on localhost:8082.
• build: creates the production build version.
• start: starts a simple server with the build production code.
• lint: runs the linter in all components and pages.

Talvez tenha mais aqui: package.json da uma olhada

Não conhece as tecnologias? Quer conteudo util?

Next.js

• Next.js Documentation
• Learn Next.js

Otimização

• How to Reduce Next.js Bundle Size
• How to Optimize LCP and Speed Index for Next.js Websites
• Making Google Fonts Faster

Coisas interessantes pra ler

• Don't Overthink It (Flexbox) Grids
• What is Atomic Design
• Managing Assets and SEO – Learn Next.js
• Developing auth form with React Hook Form
• Building Forms with Chakra UI and React Hook Form
• Adding Animation to Chakra UI Components with Framer Motion
• 5 React Dev tools tricks
• Tao of React - Software Design, Architecture & Best Practices

Extensões uteis

• SVG Preview