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

Overview

Hobbit Chat: Imersão React 4 - Alura


Aula 1 - Criando o nosso projeto

Manual Setup

getting-started

yarn init -y
yarn add next react react-dom

coolors.co

yarn add @skynexui/components
npx gitignore node

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

custom-app


Aula 03 - Chat offline? Aprimorando as habilidades com State


Aula 04 - Integrando com o Supabase

fetch('https://api.github.com/users/lucasrmagalhaes')
.then(async (respostaDoServidor) => {
    const respostaEsperada = await respostaDoServidor.json();
    console.log(respostaEsperada);
})
yarn add @supabase/supabase-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
You might also like...

Projeto desenvolvido durante a Imersão React da Alura

Projeto desenvolvido durante a Imersão React da Alura

Alura Witcher Alura Witcher é tematizada no universo do jogo The Witcher 3 e é uma variação da aplicação que desenvolvemos durante a Imersão React da

Feb 7, 2022

Aplicação web desenvolvida durante a Imersão React #3 da Alura

Aplicação web desenvolvida durante a Imersão React #3 da Alura

Sobre o projeto 💬 O Alurakut é uma aplicação web clone do nosso queridíssimo e já falecido Orkut, porém trazendo uma interface mais moderna e utiliza

May 2, 2022

Projeto criado na NLW eSport da RocketSeat. Voltado ao universo de games para conectar pessoas que precisam de um duo para jogar!

NLW eSports O que é o NLW? NLW é o maior evento online e gratuito de programação na prática com muito código, desafios, networking e um único objetivo

Sep 15, 2022

Imersão React - Alurakut

Imersão React - Alurakut

Imersão React - Alurakut A Imersão React é gratuita e é voltada para profissionais, estudantes e para todo mundo que quer aprender mais sobre front-en

Sep 22, 2022

Aluracord - React Alura Immersion Project

Aluracord - React Alura Immersion Project

Aluracord - Projeto Imersão React Alura Primeiras impressões. Conteúdo didatico incrível, facilmente entendido e aplicado. Não exige necessária mente

Jan 28, 2022

Juego del ahorcado en JS, reto del programa ONE para la vitrina Alura Latam

Juego del ahorcado en JS, reto del programa ONE para la vitrina Alura Latam

Juego del ahorcado - JavaScript Programa ONE Nahuel-DevOne Información del proyecto: Este es mi segundo proyecto para el programa ONE de Oracle + Alur

Oct 4, 2022

Projeto de React.js seguido conforme as aulas da Academind por Maximillian Schwarzmuller sobre routers

React-GreatQuotes Projeto de React.js seguido conforme as aulas da Academind por Maximillian Schwarzmuller sobre routers Available Scripts In the proj

Dec 19, 2021

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil · Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

Jan 8, 2023

Boilerplate de projeto nextjs, com Styled Components e Typescript

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Mar 23, 2022
Comments
  • Bump next from 12.0.9 to 12.1.0

    Bump next from 12.0.9 to 12.1.0

    Bumps next from 12.0.9 to 12.1.0.

    Release notes

    Sourced from next's releases.

    v12.1.0

    Core Changes

    • Relay Support in Rust Compiler: #33702
    • fix eslint link-passhref rule: #33857
    • update webpack: #33831
    • Flush buffered vitals metrics on page mount: #33867
    • fix problem with HMR when middleware and page reference the same node_module: #33873
    • Refactor page component getter in web server: #33759
    • update NextResponse default redirect status to 307 to match docs: #33505
    • Bug fix: dynamic page should not be interpreted as predefined page: #33808
    • Group streaming experimental apis: #33878
    • Encapsulate routing and initial hydration: #33875
    • Optimize offline condition judgment: #33238
    • Ensure external beforeFiles rewrites are handled with next/link: #33888
    • Fix parsing params for i18n optional route in minimal mode: #33896
    • Ensure browserslist extends works properly: #33890
    • Fix image cache race condition: #33883
    • Add support for Relay projects without artifactDirectory: #33918
    • fix: handle jsxspreadattribute in inline-script-id eslint rule: #32421
    • feat(next-swc): Update swc: #33724
    • Update to latest version of amphtml-validator: #33967
    • Warn in dev mode when script tags are added with next/head: #33968
    • Ensure optional chaining in swc matches babel: #33995
    • Use react-dom/server.browser in Node.js: #33950
    • Ensure external middleware rewrite is handled correctly: #33962
    • Update Terser to v5.10.0, fix minification issues: #33045
    • Warn in dev mode when stylesheets are added using next/head: #34004
    • Use ReadableStream in RenderResult: #34005
    • Fix suffix ordering while streaming: #34011
    • Don't use yarn if a package-lock.json file is found: #31926
    • Do not warn when application/ld+json scripts are used with next/head: #34021
    • Babel & next-swc: Fix exporting page config with AsExpression: #32702
    • Detect per page runtime config for functions manifest: #33945
    • Add JSDoc to config options: #32915
    • Update font-stylesheet-gathering-plugin.ts: #30709
    • Add decoratorMetadata flag if enabled by tsconfig: #32914
    • fix: data url handling in css-loader: #34034
    • Place 'charset' element at the top of : #28119
    • Fix detection of anchor click events inside svg: #23272
    • Allow passing nothing as custom jest config: #32328
    • Fixes #31240: Adding a recursive addPackagePath function in webpack-config: #31264
    • Require component rendered as child of Link to pass event to onClick handler: #27723
    • Allow scroll prevention on hash change: #31921
    • Add support for async fn / promise in next.config.js/.mjs: #33662
    • Fix lazyRoot functionality for next/image: #33933
    • Change SWC minify from beta to release candidate: #34056
    • Make Router state immutable: #33925
    • Stop exposing internal render and renderError methods from next/client: #34069
    • Add api-utils helper for testing: #34078

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
Releases(aula-5)
Owner
Lucas Magalhães
Mid-Level Developer at OAB/RS
Lucas Magalhães
Projeto criado na Imersão React com a @Alura @omariosouto @peas

Aluracord League Of Legends ??‍?? Projeto criado na Imersão React com a @Alura @omariosouto @peas Feito com Next/React: Tela inicial Tela do chat Demo

Pedro Henrique Vieira Fernandes 3 Jun 24, 2022
Projeto Criado Juntamente com @omariosouto e @peas na imersão React da @alura.

Aluracord-Matrix Projeto Criado por @Levi-Magny juntamente com @omariosouto e @peas na imersão React da @alura. Sobre o Projeto: Este Projeto foi inic

Levi Medeiros Magny 6 Feb 21, 2022
Projeto criado na imersão React com a @alura @omariosouto @peas

aluracord-starwars Projeto de estudo criado na imersão React da Alura. Treinamento dado por Mario Souto e Paulo Silveira. Aprendemos a usar: Nextjs Re

Caroline Dallmann 7 Feb 1, 2022
Projeto da Imersão React 4 da @alura com @omariosouto e @peas

Aluracord Projeto da Imersão React 4 da @alura com @omariosouto e @peas ??‍?? Tecnologias utilizadas ??‍?? Linguagem : Typescript / Javascript Framewo

Rodolfo H Okino 2 Apr 21, 2022
projeto realizado durante a imersão react realizada pela @alura em jan/2022 com @omariosouto e @peas

Aluracord ?? Sobre o projeto: Projeto realizado durante a imersão react ocorrida em janeiro de 2022. Trata-se de um chat, inspirado no Discord em que

Guilherme Lucena 4 Jan 31, 2022
Projeto feito na Imersão React 4 da @alura com @omariosouto e o @peas

Aluracord - RapTalk Projeto feito na Imersão React 4 da @alura com @omariosouto e o @peas Todo o passo a passo do projeto pode ser acompanhado no arqu

Lario dos Santos Diniz 6 Apr 21, 2022
Projeto desenvolvido durante a imersão React proporcionada pela @alura @omariosouto @peas .

Aluracord Projeto desenvolvido durante a Imersão React (21/01/2022 -- 31/01/2022), proporcioando pela Alura. Professores: Mario Souto; Paulo Silveira;

null 6 Feb 12, 2022
Projeto criado na Imersão React na @alura

Aluracord-Matrix - REACT ?? Projeto desenvolvido durante a Imersão React da Alura Dedicado ao meu filho Henrique, autor da releitura do desenho Gwen.

Lucia Helena Mesquita Viola Tomaz 6 Jan 31, 2022
Project created in the React immersion with @Alura and teachers @omariosouto @peas

Project created in the React immersion with @Alura and teachers @omariosouto @peas

Ildson Leno 3 Jan 28, 2022
Projeto desenvolvido durante a imersão React da Alura

Arcanecord (Imersão Alura) Sobre Chat em real-time, baseado na interface gráfica do Discord. Projeto feito enquanto acompanhava as aulas da 4ª Imersão

Natália Francisco da Silva 7 Sep 6, 2022