https://github.com/lucasrmagalhaes/aluracord_hobbit-react_next

Projeto criado na Imersão React com a @alura, @omariosouto e @peas.
https://github.com/lucasrmagalhaes/aluracord_hobbit-react_next

alura aluracord aluracord-hobbit hobbit imersao-alura imersao-react nextjs react

Last synced: about 1 month ago
JSON representation

Projeto criado na Imersão React com a @alura, @omariosouto e @peas.

• Host: GitHub
• URL: https://github.com/lucasrmagalhaes/aluracord_hobbit-react_next
• Owner: lucasrmagalhaes
• License: mit
• Created: 2022-01-26T23:54:57.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-18T01:46:01.000Z (almost 3 years ago)
• Last Synced: 2023-03-03T22:32:53.802Z (almost 2 years ago)
• Topics: alura, aluracord, aluracord-hobbit, hobbit, imersao-alura, imersao-react, nextjs, react
• Language: JavaScript
• Homepage: https://aluracord-hobbit-react-next.vercel.app/
• Size: 64.5 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
### Hobbit Chat: Imersão React 4 - Alura



#### Aula 1 - Criando o nosso projeto

##### Manual Setup

[getting-started](https://nextjs.org/docs/getting-started)

```

yarn init -y

```

```

yarn add next react react-dom

```

[coolors.co](https://coolors.co/)

```

yarn add @skynexui/components

```

```

npx gitignore node

```



#### Aula 02 - State, novas páginas e navegação SPA vs a Tradicional

[custom-app](https://nextjs.org/docs/advanced-features/custom-app)



#### Aula 03 - Chat offline? Aprimorando as habilidades com State



#### Aula 04 - Integrando com o Supabase

* [supabase](https://supabase.com/)

* [api.github](https://api.github.com/users/lucasrmagalhaes)

```javascript

fetch('https://api.github.com/users/lucasrmagalhaes')

.then(async (respostaDoServidor) => {

    const respostaEsperada = await respostaDoServidor.json();

    console.log(respostaEsperada);

})

```

* [supabase-js](https://github.com/supabase/supabase-js)

```

yarn add @supabase/supabase-js

```

```js

supabaseClient

    .from('tabela')

    .select('*')

    .then((dados) => {

        console.log('Dados da consulta: ', dados);

    });

```



#### Aula 05 - Adicionando suporte para Stickers



#### ENV

```

NEXT_PUBLIC_BG

```

```

SUPABASE_URL

```

```

SUPABASE_ANON_KEY

```

```

NEXT_PUBLIC_SMEAGOL

```