Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wallysongalvao/reactavancado-landing-page


https://github.com/wallysongalvao/reactavancado-landing-page

Last synced: 1 day ago
JSON representation

Awesome Lists containing this project

README

        



Logo React Avançado


🚀 React Avançado Landing Page


GitHub language count

Repository size


GitHub last commit


Repository issues

License


Projeto   |   
Layout   |   
Tecnologias   |   
Executando   |   
Licença



## 💻 Projeto

Esse projeto foi dado como conteúdo extra no curso [React Avançado](https://reactavancado.com.br/), a inenção era ter um primeiro contato com o Strapi. O projeto é a própria landing page do curso.

## 🎨 Layout

Você pode encontrar o layout nesse link: https://reactavancado.com.br/

## :rocket: Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [Typescript](https://www.typescriptlang.org/)
- [ReactJS](https://pt-br.reactjs.org/)
- [NextJS](https://nextjs.org/)
- [GraphQL](https://graphql.org/)
- [Strapi](https://strapi.io/)

## :notebook: Executando

### Backend

```bash
# Clone este repositório
$ git clone https://github.com/WallysonGalvao/reactavancado-landing-page.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd backend

# Instale as dependências
$ yarn install

# Execute a aplicação
$ yarn develop

# Será disponibilizado o endereço: http://localhost:1337/
```

### Database

Esse projeto foi configurado com o banco PostgresSQL, dentro da pasta **reactavancado-landing-page/backend** há um arquivo **strapi.sql**, é um script/dump, utilze ele para popular o banco de dados. Abaixo alguns possiveis comandos:

```bash
# Caso tenha uma imagem em docker com o PostgresSQL
$ docker exec -i psql -U -d < strapi.sql

# Caso tenha instaldo o PostgresSQL diretamente na máquina
$ psql -h 127.0.0.1 -U -d -W < strapi.sql
```

### Frontend

```bash
# Clone este repositório
$ git clone https://github.com/WallysonGalvao/reactavancado-landing-page.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd frontend

# Instale as dependências
$ yarn install

# Execute a aplicação
$ yarn dev

# Será disponibilizado o endereço: http://localhost:3000/
```

Se desejar, pode rodar os testes do projeto:

```bash
$ yarn test
```

---

Feito com horas em frente ao :computer: por [Wallyson Galvão](https://www.linkedin.com/in/wallyson-galvao/)