Тёмный

O código do meu novo app SaaS multi-tenant com Next.js 

Rocketseat
Подписаться 364 тыс.
Просмотров 25 тыс.
50% 1

Recentemente comecei um novo projeto (que inclusive compartilhei no meu Twitter/X) de um aplicativo SaaS multi-tenant com Next.js e hoje eu quero te mostrar um pouco do que eu coloquei nesse código.
Requisitos, permissões, roles... pra saber mais sobre como eu fiz isso, é só conferir o vídeo.
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

Опубликовано:

 

12 мар 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@vibedev.official
@vibedev.official 3 месяца назад
Sensacional ver a Rocketseat trazendo este tipo de conteúdo! Legal mostrar para os devs que este tipo de solução não é tão complexa de criar. Estou trazendo uma série ensinando a galera criar um Micro-SaaS do zero, pensando exatamente nisso, dar esta visão de empreendedorismo para os devs.
@tudocuriosidadebrasil
@tudocuriosidadebrasil 3 месяца назад
Conteúdo tooop demais do @vibedev.official estou acompanhando
@murilojucas9658
@murilojucas9658 3 месяца назад
Está muito boa inclusive 👏🏼
@marceloalmeida7283
@marceloalmeida7283 3 месяца назад
Eai vibedev, estou acompanhando! criar mais conteúdos semelhantes.
@alexnascimento8435
@alexnascimento8435 3 месяца назад
Mesmo já tendo bastante experiência na área, estou acompanhando a série e indico muito. Do nível iniciante ao avançado você consegue pegar dicas valiosas com esta série. Indico!
@Neidola
@Neidola 3 месяца назад
Ótima serie por sinal muito pratica e direto ao ponto
@euigor_santoss
@euigor_santoss 3 месяца назад
Diego, você me deixa inspirado para fazer projetos e cada vez me superar. Tmj 🤩
@matheuspassos8650
@matheuspassos8650 3 месяца назад
Caraca, mt maneiro que abordou autenticação!
@adelinopereira1103
@adelinopereira1103 3 месяца назад
vai liberar o codigo? please....
@diegojob8084
@diegojob8084 3 месяца назад
Esse uso do zod está sensacional! ❤
@carlosricardoziegler2650
@carlosricardoziegler2650 3 месяца назад
Ja usei essa lib, muito boa :)
@DenisioRodrigues
@DenisioRodrigues 3 месяца назад
Excelente conteúdo
@ivambergsilva591
@ivambergsilva591 3 месяца назад
"quando eu crescer" quero ser igual o Diego. O cara é muito fodaa!
@marceloalmeida7283
@marceloalmeida7283 3 месяца назад
vamos ser sim mano
@filipeleonelbatista
@filipeleonelbatista 3 месяца назад
Eu aprendi a fazer as roles na mão conforme fosse criando a aplicação. Criava uma tabela permissões com cada permissão sendo um booleano e relacionado com o ID do usuário. Então quando carregava o contexto subia essas permissões sem usar soluções como o CASL. Achei intererssante essas ferramentas, quero testar logo! Obrigado por compartilhar.
@rafaget
@rafaget 3 месяца назад
Esse jeito não está errado, ainda mais se forem permissões dinâmicas onde um Adm da acessos a outros usuários. Como por exemplo, no TikTok vc inclui um moderador para gerenciar os comentários de suas lives.
@arielferreira3028
@arielferreira3028 3 месяца назад
Boa dica Diego. Só uma dúvida, como você faria o deploy desse projeto tendo em vista que vão utilizar a lib de auth?
@carlosricardoziegler2650
@carlosricardoziegler2650 3 месяца назад
Esse assunto eh muito massa e nao tem tanto conteudo a fundo, somente algo mais raso.
@andreghisleniraimann
@andreghisleniraimann 3 месяца назад
Adorei essa explicaçao, mas eu queria saber se tem alguma maneira de fazer isso de maneira facil, como tu fez, no nestjs com graphql??
@gustavo-oi1dd
@gustavo-oi1dd 3 месяца назад
diego quando sai um video de você mostrando como fazer o setup do turbo repo
@joao-sillva
@joao-sillva 3 месяца назад
Esse projeto vai sair na trilha ignite da rocketseat
@PCBOXBrasil
@PCBOXBrasil 3 месяца назад
Muito legal, é possivel fazer isso com o Dotnet junto?
@user-yx4rj5pf9j
@user-yx4rj5pf9j 3 месяца назад
O tema usado é o: Vesper++
@Moaraa
@Moaraa 3 месяца назад
É sobre isso
@Maracarthur
@Maracarthur 3 месяца назад
Que legal! Esse projeto ta previsto para chegar quando la no ignite?
@thealpha_9
@thealpha_9 3 месяца назад
O que eh aquela sintaxe dentro do objeto permissions?
@juliocca1972
@juliocca1972 3 месяца назад
Irá liberar o repositório?
@TarcioRocha-oj4lq
@TarcioRocha-oj4lq 29 дней назад
Massa demais rocket, porem eu particulamente nao gosto de deixa a regra de negocio do meu aplicativo na maos de biblioteca de terceiro, especialmente nesse caso de permissoes, gosto de criar isso tudo na mao e deixar em um dominio por exemplo.
@R6videos6R
@R6videos6R 3 месяца назад
Fizemos um assim também, mas usamos um back só pra controlar permissões, users e assinantes. E depois cada cliente tem uma api dedicada para o resto do projeto.
@ojoaoalexandre
@ojoaoalexandre 3 месяца назад
Como vocês realizaram a conexão entre esse back de permissões e as APIs de cada cliente levando os recursos que podem ser acessados?
@R6videos6R
@R6videos6R 3 месяца назад
@@ojoaoalexandre Esse back se conecta num Mongo onde temos todos os clientes, cada um com uma instância do nosso erp
@weslleyfillipe1532
@weslleyfillipe1532 3 месяца назад
vai ter conteudo de autenticacao tipo esse no ignite?
@williammendonca9975
@williammendonca9975 3 месяца назад
Estará no Ignate (Reacs e Node) ?
@isaqueback5063
@isaqueback5063 3 месяца назад
quando que vai sair mais ou menos esse projeto na rocket?
@Lukiticas
@Lukiticas 3 месяца назад
O quanto isso difere quando os dois projetos, front e back, são desacoplados sem a possibilidade de publicar um package igual a sua no npm? Só duplicar código mesmo? Aqui na primeira renderização pós autenticação eu busco todas as permissões e ela fica em memória (portanto todo reload vai buscar novamente, pq realmente guardar no localstorage ou cookies seria uma má ideia), e faço um can\cannot baseado na resposta ao longo do front. Eu ganhei tempo com isso mas ainda to procurando um metodo definitivo pra lidar com as permissões assim, considerei casl mas seria um "disperdicio" só usar no front pq o back, em laravel, ja tem seu sistema de permissão integrado...
@GuilhermeSalvi-cp1nc
@GuilhermeSalvi-cp1nc 3 месяца назад
Onde consigo assistir essas lives?
@italodopeey
@italodopeey 3 месяца назад
esse projeto vai sair na trilha de react ?
@wenderteixeira1851
@wenderteixeira1851 3 месяца назад
Mostrou nada com nada kkk
@otakudiario
@otakudiario 3 месяца назад
Como consigo o curso da rocket?
@psgvaz
@psgvaz 12 дней назад
Essas aulas se refere a qual módulo? Formacao full stack?
@ricardor8044
@ricardor8044 3 месяца назад
Passa a corzinha nova aew diegão
@ericksantos12
@ericksantos12 2 месяца назад
Como você fez essa autenticação com o fastify?
@williammendonca9975
@williammendonca9975 3 месяца назад
Vai usar Supabase?
3 месяца назад
Alguem sabe qual teclado ele usa?
@tiagopaees
@tiagopaees 3 месяца назад
Eu tô ficando louco ou esse vídeo está sendo postado pela segunda vez? Tenho certeza q já assisti esse vídeo essa semana kk
@paulobazooka
@paulobazooka 3 месяца назад
Casl… utilizo em um projeto do meu trabalho. Mas o framework e Vuejs
@koepeh
@koepeh 2 месяца назад
Tem como desenvolver um app com React + Material3?
@VitorZonho
@VitorZonho 3 месяца назад
Porque escolheu esse formato de permissões ao invés de Grupos custom p/ cada seção do saas?
@DiogoMoreira0610
@DiogoMoreira0610 27 дней назад
Olá Diego, este projeto ainda terá mais videos na plataforma da Rocket?
@kaiquenunes6046
@kaiquenunes6046 3 месяца назад
Prefiro trabalhar com RLS no Postgres. O trabalho é o mesmo, mas fica muito mais eficiente e nao precisamos reimplementar o controle de acesso em todos os clientes
@henzo1735
@henzo1735 3 месяца назад
Se eu for um aluno da Rocketseat eu teria acesso a todos os videos desse projeto?
@rafaget
@rafaget 3 месяца назад
Uma opinião minha, não sou dono da verdade, mas acho que o problema das aulas de vocês é usar muitas bibliotecas. Isso, em um projeto "real" de uma empresa ao longo do tempo, não é muito saudável, pois muitas dessas bibliotecas podem cair em desuso ou ter incompatibilidades com versões futuras do Node, React, Next, etc., e com isso a manutenção vai ser um caos.
@natashamatos780
@natashamatos780 3 месяца назад
Concordo em parte com a sua afirmação, mas se existe a preocupação de uma biblioteca deixar de ser uma alternativa viável a abstração desta no código tornará muito mais simples a alteração para uma outra. Arquitetura limpa traz inúmeros benefícios para o desenvolvimento esse é só um deles.
@andrecoelho2775
@andrecoelho2775 3 месяца назад
Na tecnologia tudo está sujeito a cair em desuso ao longo do tempo. Por isso temos que arquiteturar bem o projeto, para que seja menos trabalhoso possível substituir algo em desuso. Um bom exemplo é a Clean Architecture, como foi mencionada a cima.
@franciscoweslley9219
@franciscoweslley9219 3 месяца назад
Em projetos Node eu vejo muito o pessoal usando libs, porém um Dev experiente consegue separar às responsabilidades usado arquitetura limpa dê mode que e possível apenas substituir a lib sem ter que refatorar todo o projeto.
@rafaget
@rafaget 3 месяца назад
Sim, o conceito de arquitetura limpa ajuda muito na hora de trocar uma lib. Mas o ponto que levantei foi tentar fazer uma lib funcionar novamente caso quebre. E é claro que libs com várias estrelas a comunidade está sempre trabalhando, mas o problema é que muitos iniciantes instalam libs que não sofrem manutenção a anos! Eu mesmo já barrei vários PR por esse motivo.
@projetoslinux
@projetoslinux 3 месяца назад
Tem codigo...
@MarcosJunior-zf4jq
@MarcosJunior-zf4jq 2 месяца назад
Libera o fonteeeeee
@nan-code
@nan-code 3 месяца назад
ficou confuso de entender, acabou parecendo magica mesmo...
@coresdavivi
@coresdavivi 3 месяца назад
Caramba curto muito os videos do Diego, mas vejo inventar a roda no ambiente web, Laravel + jetstream ta pronto... muito simples e elegante, misturar frontend com backend da nisso. ficou muito confuso e muito grande a ideia dos algoritimos é simplificar a vida... fiquei perdido
@devgui_
@devgui_ 3 месяца назад
Pois é, o mais engraçado é ouvir: "php morreu"... Os caras do JS penteia demais login, autenticação, pesquisa em tabela, etc... Mil formas de fazer coisas que são triviais demais. Laravel veio pra simplificar isso, ajudar na DX e entregar bons produtos de qualidade.
@christianguimaraes5065
@christianguimaraes5065 3 месяца назад
O código é bom, mas tem uma complexa para entender muito grande…, quem pegasse legado desse codigo ia demorar um pouco ate entender tudo
@ALEXANDROJAFS
@ALEXANDROJAFS 3 месяца назад
Pra quê aprender isso se a inteligência artificial davin já vai substituir essa galera toda?
@nan-code
@nan-code 3 месяца назад
se valoriza mano...
@devgui_
@devgui_ 3 месяца назад
Vc acha que um gestor tem a capacidade de ter esse pensamento analítico pra passar todos os detalhes pra qualquer IA? Gestor é peso morto quando envolve tecnologia, ele vai contratar um cara técnico de qualquer jeito.
@ewzxyhh6180
@ewzxyhh6180 3 дня назад
devin não existe
@jejeexd
@jejeexd 3 месяца назад
não tem nem o link do codigo kkkk duvido ter um projeto desse nivel na rocket pros alunos
@edermelo6979
@edermelo6979 3 месяца назад
Ola, eu estou pensando em me inscrever na Rocket ... Você tem alguma informação sobre os projetos que eles ensinam pros alunos? Eles não mostram a parte de autenticação/autorização nos cursos deles?
Далее
Never waste PASTA SAUCE @itsQCP
00:19
Просмотров 3,3 млн
POR QUE ESTOU APOSTANDO no DART
20:31
Просмотров 35 тыс.
Como encontrar um SaaS validado pelo mundo.
9:23
Просмотров 13 тыс.
Abandonei o NextJS por causa disso
25:08
Просмотров 8 тыс.
React VS Svelte...10 Examples
8:35
Просмотров 526 тыс.
Criei um app desktop com Tauri (melhor que Electron?!)
11:40
NextJS o Marketing da Vercel
19:02
Просмотров 32 тыс.
Never waste PASTA SAUCE @itsQCP
00:19
Просмотров 3,3 млн