Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ricnaga/nlw4react
Evento React/nextjs
https://github.com/ricnaga/nlw4react
context-api cookies css javascript netlify netlify-cms react serverside-rendering typescript vercel
Last synced: 9 days ago
JSON representation
Evento React/nextjs
- Host: GitHub
- URL: https://github.com/ricnaga/nlw4react
- Owner: Ricnaga
- License: mit
- Created: 2021-03-04T19:43:34.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-05-23T14:41:06.000Z (over 3 years ago)
- Last Synced: 2023-03-07T15:51:25.332Z (almost 2 years ago)
- Topics: context-api, cookies, css, javascript, netlify, netlify-cms, react, serverside-rendering, typescript, vercel
- Language: TypeScript
- Homepage:
- Size: 157 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
NLW4 - Trilha React JS | Next JS
####
- Projeto Finalizado
###
Workshop realizado pela equipe Rocketseat abordando conceitos básicos sobre:
- HTML | CSS
- Javascript | Typescript: cookies
- ReactJS: Hooks e components
- NextJS: Hooks e estilização
- API de contexto
- Server side rendering
- Deploy da aplicação no Netlify | Vercel
##
Sumário
- [Requisitos](#Requisitos
)
- [Tecnologias utilizadas](#Tecnologias-utilizadas)
- [Autor](#Autor)
- [Licença](#Licença)
##
Requisitos
Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [Git Bash](https://gitforwindows.org/) para baixar o repositório e baixar todas as dependências necessárias.
```bash
# Baixe o repositório.
$ git clone https://github.com/Ricnaga/NLW4React.git
# Acesse a pasta do projeto.
$ cd NLW4React
# Agora que baixou e acessou o repositório, vamos começar a instalação das dependências.
$ yarn ( caso não utilize o yarn execute apenas npm -i)
# Depois de instalado todas as dependências, abra a aplicação via vscode
$ code .
# Agore execute a aplicação.
$ yarn dev (caso não utilize o yarn: npm run dev)
# A aplicação iniciará na porta 3000
# No navegador digite: http://localhost:3000
```
##
Tecnologias utilizadas
- [HTML](https://www.w3.org/HTML)
- [CSS](https://www.w3.org/Style/CSS/)
- [NodeJS](https://nodejs.org/en/)
- [Git Bash](https://gitforwindows.org/)
- [Typescript](https://www.typescriptlang.org/)
- [React JS](https://pt-br.reactjs.org/)
- [Next JS](https://nextjs.org/)
##
Autor
Atividade desenvolvida no evento NextLevelWeek #4(NLW4) pela equipe Rocketseat, realizados por minha pessoa.
Gostou? tem alguma sugestão de melhoria? por favor, entre em contato e ja aproveita e me adiciona.
##
Licença
