Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ricnaga/create-react-nextjs
Desafio ignite trilha ReactJS: nextjs
https://github.com/ricnaga/create-react-nextjs
apicontext component hooks javascript nextjs prismicio react typescript
Last synced: about 1 month ago
JSON representation
Desafio ignite trilha ReactJS: nextjs
- Host: GitHub
- URL: https://github.com/ricnaga/create-react-nextjs
- Owner: Ricnaga
- License: mit
- Created: 2021-03-26T19:30:00.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-23T16:05:59.000Z (almost 4 years ago)
- Last Synced: 2023-03-07T15:51:24.230Z (almost 2 years ago)
- Topics: apicontext, component, hooks, javascript, nextjs, prismicio, react, typescript
- Language: TypeScript
- Homepage:
- Size: 377 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
#
Desafio Nextjs
####
- Projeto Finalizado
###
Conteúdo de curso criado pela equipe Rocketseat abordando conceitos sobre:
- ReactJS: Hooks e components
- ReactJS: API context
- NextJS: Hooks e components
- NextJS: Páginas dinâmicas
- Chamadas a API
- Utilização do prismic CMS
##
Sumário
- [Requisitos](#Requisitos
)
- [Tecnologias utilizadas](#Tecnologias-utilizadas)
- [Autor](#Autor)
##
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/create-react-nextjs.git
# Acesse a pasta do projeto.
$ cd create-react-nextjs
# 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)
- [SASS](https://sass-lang.com/)
- [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/)
- [Prismic CMS](https://prismic.io/)
##
Autor
Atividade desenvolvida no curso ignite 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.
