QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS?

[@kleinpapai]

Poxa já um pessoal reclamando aí que o vídeo não era oque esperava. Mas o conteúdo do vídeo está extremamente explícito no título. "QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS?". E é exatamente sobre oque ele fala no vídeo, estrutura de pastas... Então parem de reclamar achando que vai cair tudo nos braços de vocês! Em vez de perderem tempo reclamando do trabalho dos outros vão aprender a pesquisar melhor e larguem de ser preguiçosos. No mais, vídeo muito bom. Esclareceu exatamente oque eu estava precisando entender.

[@vigorsla4253]

Concordo muito!! a Vídeo muito bom de verdade! Me deu vários insights sobre organização de pastas, as nomenclaturas: camal, snake e pascal e principalmente sobre exportações de const.

[@KlausNascimento]

Quero expressar minha sincera gratidão pelo excelente vídeo que você criou sobre a melhor estrutura de pastas para projetos React/Next.js! Sua explicação clara e detalhada realmente me ajudou a compreender melhor como organizar meus projetos de forma eficiente.

[@atejap]

Muito bom o conteúdo. Mesmo nao utilizando exatamente a mesma estrutura de pastas, muitas dicas valiosas foram passadas.

[@arthurkelvim5689]

Irmão eu tinha feito o comentario abaixo antes de ver o seu video por completo, CARAA. QUE VIDEO!! Eu estudei numa escola de programação chamada Labenu e nem lá explicaram com tanta clareza e intuição. A forma como vc estruturou as paginas está nota 1000, inclusive irei adota-la em todos os meus projetos futuros, está simples e clara, tinha coisa que eu nem tinha visto mas pela forma como vc elaborou elas eu ja sakava, enfim mano, top ganhou + um inscrito. E a minha sugestão de video na próxima seria falar sobre SEO com NextJS. Valeu camarada!

[@devjunioralves]

Que show mano! Valeu demais pelo feedback. Que massa que curtiu o vídeo! Sim, boa sugestão mano, valeu!

[@gabrielalbuquerque7723]

Excelente, Alves! Continue com o excelente trabalho!

[@devjunioralves]

Valeu demais Gabriel!!!

[@devjunioralves]

=== VÍDEOS RECOMENDADOS === ...::: Next.js 13 :::... INICIANDO COM NEXT.JS 13 - TUTORIAL INICIANTE kzbin.info/www/bejne/aJXEaX2LorOLbq8 TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3 kzbin.info/www/bejne/m5y5nZquoJx_grs TUTORIAL NEXT.JS 13: NOVAS ROTAS! PARTE 2/3 kzbin.info/www/bejne/i6jRqoado8mrl9E TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3 kzbin.info/www/bejne/fJuYaoljdql1nJo [ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23 kzbin.info/www/bejne/pGS1Zp-ne5dnnbs ...::: Tudo sobre React Hooks :::... ESSAS DICAS VÃO MUDAR A FORMA EM QUE VOCÊ CRIA SEUS COMPONENTES REACT kzbin.info/www/bejne/aIqThHealqapsNU TUDO SOBRE REACT HOOKS! Entenda como os Hooks funcionam - Parte 1/2 kzbin.info/www/bejne/kJ7bloaHj66mb6c ENTENDA REACT HOOKS NA PRÁTICA! Parte 2/2 kzbin.info/www/bejne/omGzd4ikgbt-ppY

[@eiericksilva]

Vídeo sensasional! Pode fazer um explicando o Context API? Com sua didática ajudaria muito!

[@devjunioralves]

Valeu demais pelo feedback!!! Opa, com certeza, vou trazer sim um vídeo explicando a Context API!

[@kataik_]

Tem gente q usa umas pasta chamada 'lib' tbm, como se fosse o 'service' mas só pra lib externa como: datejs, prisma, as vezes o axios, etc

[@devjunioralves]

Sim, verdade! Excelente adição!!!

[@AislanMiranda]

mano, mandou muito bem na sua explicação, show de bola!

[@gomessgbr]

Muto bom video, cara, parabéns !

[@devjunioralves]

Valeu demais Gabriel. Que bom que tu curtiu!!!

[@vhmattosweb7880]

Cara, só pela referência ao Brooks já ganhou o like

[@briziam]

Parabéns pelo conteúdo. Didática muito boa! Pretende publicar esta branch do projeto deste video no github?

[@devjunioralves]

Muito obrigado! Pretendo sim, vou criar um repositório para publicar os códigos feitos aqui no canal!

[@hayttlesds]

Boa. Explora mais esse conceito de 'export default". Quando e por que?

[@devjunioralves]

Opa, perfeito man, excelente idéia!

[@MarcosSantos-sv1do]

Muito bom!🤯

[@devjunioralves]

Valeu Marcos!

[@discoverydev2445]

Muito boa essa arquitetura

[@devjunioralves]

Simm, tenho muitos projetos seguindo esse padrão, se provou muito flexível.

[@NoSb0r100]

Atualmente não seria melhor utilizar somente a pasta app para a criação das Pages? E com relação ao template não seria mais intuitivo utilizar apenas os layouts dentro das pastas Pages já no novo padrão do next? Vlw Dev Jr. Seria bacana um exemplo de autenticação no nexjs com o uso do context, vi em alguns canais do KZbin, mas confesso que eles complicam algo que parece ser simples.

[@gabrielmedeiros9806]

Pior coisa é o export default, dps que pega uma aplicação gigante, quando precisa fazer alguma mudança, o default só causa estresse

[@devjunioralves]

Exatamente, quando tu precisa dar manutenção que os problemas aparecem.

[@maicongabriel5607]

Qual extensão é essa que vai aparecendo os erros do lado em vermelho??? 15:10

[@devjunioralves]

A extensão chama ErrorLens. Tem um vídeo aqui no canal onde mostro as extensões que utilizo no meu vscode, tem muita coisa massa: kzbin.info/www/bejne/amebhaePrK-rb9k

[@arthurkelvim5689]

Mano, vc me recomendaria algum curso sobre nextJs, quero focar nessa linguagem pq quero aprender sobre SEO ai to procurando um curso sobre de NextJs bacana. Excelente conteudo o seu, vc explica muito bem.

[@devjunioralves]

Olha, um curso muito bom que aborda muita coisa massa de Next.js é do William Justem.

[@PauloNobrega-v6s]

Nessa estrutura de pastas onde ficariam as tuas interfaces?

[@ribeiro.evandro]

Qual o tema está usando no VSCode?

[@ribeiro.evandro]

Achei na descrição do vídeo, é o tema Illusion, porém não achei uma versão para o VIM :(

[@devjunioralves]

@@ribeiro.evandro Exatamente. Infelizmente não pro vim mesmo :( Mas... Oportunidade pra criar um hein

[@lucasferreira70]

Salve, utilizar q pasta /components fora da pasta /app não faz com q perdemos a funcionalidade de server components?

[@devjunioralves]

Não Lucas, os componentes não precisam estar dentro da pasta app para ser server components.

[@giovani_avila]

Qual o nome dos icons que você utiliza ?

[@cristianmelo7729]

tem esse repo pra compartilhar?

[@SohaaTitanio]

Vi a thumb do vídeo e me decepcionei bastante com o vídeo. Pensei que falaria realmente sobre arquitetura, especificando camadas, vantagens e desvantagens (exemplos: MVVM, Flux, DDD, Clean Architecture etc)

[@devjunioralves]

Cara, sinto muito ouvir isso. Onde não trouxe um conteúdo comparando arquiteturas. Mas obrigado pelo feedback.

[@diegotenorio5815]

@@devjunioralves Eu entendi a frustração dele. Organização de pasta não é arquitetura, isso é padrão de projeto. Também é um assunto legal, mas não é isso que está na thumb.

[@diegotenorio5815]

​​@@devjunioralvesSe puder fazer um vídeo específico para arquitetura no frontend, seria muito bom. Existe uma carência enorme. É um tema que só o backend explora bem.

[@icarovieira4479]

Por que está usando o babel não swc?Por culpa do styled-components? OBS: também sou de GO :)

[@devjunioralves]

Nesse template aí, é por causa do styled-components sim. Sério? Que legal mano! Po, Goiás é bom demais!

[@icarovieira4479]

​@@devjunioralves sim eu vi que o next13 n ta dando certo com o styled-components ainda infelizmente:( , e depende da area q tu mora eu moro no interior então é uma merda kkkkkkkkkkkkkkkkk

[@devjunioralves]

@@icarovieira4479 Pois é, tive uns problemas com swc + styled components. Mas com o babel, ta tudo funcionando. Eu moro no interior também, e é verdade, interior é complicado kkkk Mas aqui tem muito lugar bonito, 2 rios e etc...

[@caixetadeveloper4247]

tentei criar uma pasta para os types igual a sua porem ele nao funciona. Ele me retorna isso aqui: Cannot import type declaration files. Consider importing 'home' instead of '@types/home'.ts(6137)

[@devjunioralves]

Nesse caso, essa pasta @types eu coloco apenas definições globais. Por exemplo: redefinir o type de theme do styled-components, types das variáveis de ambiente, que iriam ficar na raiz do projeto. Os demais types, eu deixa na pasta correspondente. Exemplo: Home/types.ts, Login/types.ts e etc

[@caixetadeveloper4247]

@@devjunioralves entendi, vlw man. Mas e se por acaso voce tem um type que vai usar na Home e Login voce criaria dois arquivos de types? para cada um ou tem uma pasta para tipos genericos?

[@devjunioralves]

@@caixetadeveloper4247 Se eles forem exatamente iguais, eu crio apenas na pasta que faz mais sentido, e nos demais lugares que precisar, eu importo da pasta onde ele foi criado. Tem algumas abordagens onde é criado uma pasta para tipos genéricos, mas eu particularmente não utilizo. Lembrando que existem várias formas de reaproveitar um tipo, utilizando pick, omit e etc... Tem vídeo sobre vários aqui no canal.

[@caixetadeveloper4247]

@@devjunioralves Vlw pela resposta mn, continua com os videos to maratonando teus videos. Voce é show mano

[@devjunioralves]

​@@caixetadeveloper4247 Que massa! Valeu demais mano!

[@leonardoreis674]

Voce tem o repositorio desse projeto?

[@devjunioralves]

Estou organizando um repositório para os projetos aqui do canal, logo mais está no ar! Quando tiver pronto vou divulgar na aba de comunidade aqui do canal. Valeu Leonardo!

[@lucascoliveira3957]

Qual é o github do projeto que você mostrou no vídeo?

[@devjunioralves]

Cara, ainda to devendo um repositório organizado pro canal. Ainda estou organizando, mas no meu github que ta na descrição, tu vai encontrar repositórios que utilizo, tu pode conferir la.

[@detonaagames9944]

vídeo muito confuso!

[@devjunioralves]

O que exatamente tu não entendeu pra eu conseguir te ajudar.