Nunca foi tão fácil criar Dashboard com Next JS e Shadcn ui 🔥

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025
  • Nesse video vamos aprender como podemos criar animações profissionais com apenas HTML, CSS, JavaScript usando LocomotiveScroll e a lib GSAP
    🏆 Aprenda desenvolver sistemas web, sites desde o Frontend ao Bakcend e se tornar FullStack completo:
    bit.ly/Fullsta...
    👉 Aprenda desenvolver aplicativos do zero ao profissional:
    bit.ly/fabricad...
    👉 Curso completo UI e UX - Figma:
    sujeitoprogram...
    ★ SEJA MEMBRO e tenha acesso a videos exclusivos e antecipados no canal:
    / @sujeitoprogramador
    -------------------------------------
    👉 Veja outros vídeos:
    ★ Criando primeiro completo HTML, CSS, JS:
    • Criando projeto profis...
    ★ Aprender Flexbox de uma vez:
    • Aprenda Flexbox de uma...
    #reactjs #html #css #javascript #code #typescript #frontend #nextjs #typescript

Комментарии •

  • @ricardodamaceno5529
    @ricardodamaceno5529 15 дней назад +4

    Muito top cara, foi difícil achar um vídeo tão explicativo e direto ao ponto. Pra quem é backend, aprender o front é sempre um desafio, mas vc deixou isso possível. Valeu!

  • @paulofelipe8172
    @paulofelipe8172 6 месяцев назад +25

    Te acompanho desde que comecei a programar, hoje depois de passar por varios empregos e me tornar pleno continuo assistindo! Melhor conteudo.

    • @Sujeitoprogramador
      @Sujeitoprogramador  6 месяцев назад

      @@paulofelipe8172 que massa, gratidão demais e tamo junto 🔥🔥

    • @frndev2155
      @frndev2155 2 месяца назад

      ​@@Sujeitoprogramador Tbm só que sou dev angular kk

  • @darioreisjr
    @darioreisjr 6 месяцев назад +8

    "Ótimo vídeo! Aprendi sobre a classe sr-only do Tailwind CSS, que é essencial para melhorar a acessibilidade nas minhas aplicações. É incrível como essa simples classe permite esconder elementos visuais enquanto ainda os torna acessíveis para leitores de tela, garantindo que todos os usuários, independentemente de suas necessidades, possam navegar e entender o conteúdo. A acessibilidade é realmente fundamental, e adotar práticas como essa ajuda a criar uma web mais inclusiva. Obrigado por compartilhar esse conhecimento!"

  • @carlosnani
    @carlosnani 5 месяцев назад +1

    Amigo, aula incrível. Me ajudou muito com meu projeto. Obrigado.

  • @markus_dev_cwb
    @markus_dev_cwb 6 месяцев назад +3

    Conteúdo Top!
    Eu tenho utilizando o shadcn desde o ano passado nos meus projetos .

  • @abilioscoelho
    @abilioscoelho 5 месяцев назад +1

    Sensacional, aprendi muita coisa nova. Obrigado por compartilhar conosco!

  • @Eofab1nnevida
    @Eofab1nnevida 5 месяцев назад +1

    Esse vídeo vai ser meu norte!! Sou dev Jr em uma empresa. Por grande coincidência, iremos migrar o sistema para Next.js (e além do mais usando shadcn para componentizar kkkk). Gosto muito do seu trabalho, já fiz alguns projetos seus e tem me ajudado bastante!! Muito obrigado, Matheus. Espero que tenha muito sucesso em sua carreira!

    • @Sujeitoprogramador
      @Sujeitoprogramador  5 месяцев назад +1

      @@Eofab1nnevida Daleee boa demais e tamo junto 🔥👊

  • @devsilvamarcus
    @devsilvamarcus 3 месяца назад

    Didática espetacular! Esclarecedor!! Parabéns!!!

  • @n.a2103
    @n.a2103 6 месяцев назад +1

    essa shadcn é top, legal vc mostrar, top msm

  • @DenisioRodrigues
    @DenisioRodrigues Месяц назад +1

    Muito massa esse tipo de conteúdo

  • @SrGopp
    @SrGopp 5 месяцев назад +3

    Galera uma dica para o card de "Últimos clientes", o próprio shadcn tem um componente chamado "Scroll-area", ajuda caso tenha muitos clientes

  • @waydevstacksz
    @waydevstacksz 25 дней назад

    O final ficou bem "copia e cola" mas ok. Parabéns pelo conteúdo. Próximos se conseguir explicar o que cada componente faz iria ajudar muito. Valeu Matheus!

  • @meguinha8103
    @meguinha8103 5 месяцев назад

    Estou amando usar o shadcn

  • @frajoolao2615
    @frajoolao2615 6 месяцев назад +1

    Massa demais!

  • @EdsonGaspar-hn9ep
    @EdsonGaspar-hn9ep 4 месяца назад

    Valeu Sensei🙏🏽

  • @nano486
    @nano486 2 месяца назад

    Oh meu querido, blz. Você que manja muito, precisava fazer um curso de nextjs, typescript com autenticação/roles usando supabase. Não tem nada no mercado.
    O supabase tem uma gama ótima de soluções embutidas, autênticação, roles, permissões atribuidas pelo banco de dados, storage. Eu compraria fácil

  • @leonardomotta150
    @leonardomotta150 6 месяцев назад +1

    Show demais

  • @mizuky2499
    @mizuky2499 6 месяцев назад +4

    Faz um video sobre exibir imagens em 360 com react native

  • @filiperflana2554
    @filiperflana2554 25 дней назад

    o mestre, tem o sistema completo no seus cursos nao rsrs?

  • @fabianalemos5090
    @fabianalemos5090 5 месяцев назад

    Muito bom esse sistema eu sei usar 😊😊😊😊 verdade

  • @harrissondutra
    @harrissondutra Месяц назад

    Poderia fazer um vídeo usando o componente Sidebar, que é novo

  • @_bruno.benicio
    @_bruno.benicio 6 месяцев назад +1

    Ótimo video.

  • @henriqueantonio3019
    @henriqueantonio3019 5 месяцев назад

    muito obrigado, é difícil achar conteúdo assim em português

  • @eddyoliveiram
    @eddyoliveiram 5 месяцев назад +1

    Qual o tema de cores do seu VsCode e a font?

  • @Palavraefeoficial
    @Palavraefeoficial 4 месяца назад +3

    E aí, mestre? Tranquilão? O conteúdo desse tutorial vai estar disponível em algum repositório?

    • @aventuresco
      @aventuresco 4 месяца назад

      Verdade. Seria muito útil se tivermos um repositório pra estudar esse código. Tmj!

  • @GladsonReis
    @GladsonReis 6 месяцев назад

    Opaaa ! Kd o git do projeto ? hahahaha, ajuda muito

  • @clebsonsnts
    @clebsonsnts День назад

    link para o repositório?

  • @LOOPNEWSBR
    @LOOPNEWSBR 3 месяца назад +3

    é possivel, disponibilizar o codigo?

  • @AriVenuth
    @AriVenuth 2 месяца назад

    Matheus ... como o ficou fixo com o sticky se ele não é o elemento pai?
    Estou seguindo o vídeo, e aqui não fica fixo ao chegar no top-0 ... A solução foi deixar o menu inteiro dentro de um fragment ()

  • @eltonsantosoficial
    @eltonsantosoficial 6 месяцев назад

    O curso do hotmart do fullstackpro será mais atualizado? Será adicionada novas aulas? Parabens pelo conteudo!

    • @Sujeitoprogramador
      @Sujeitoprogramador  6 месяцев назад +1

      @@eltonsantosoficial o curso está atualizado e ontem foi atualizado mais de 40 aulas pra sempre manter o mais atualizado 🔥🔥

    • @eltonsantosoficial
      @eltonsantosoficial 5 месяцев назад

      @@Sujeitoprogramador Que massa, excelente!

  • @vfilmes2023
    @vfilmes2023 5 месяцев назад

    Teria como fazer com Banco de dados?

  • @nilmaiermelo5548
    @nilmaiermelo5548 6 месяцев назад +1

    Parabéns!! Muito pica….

  • @QueCoisas
    @QueCoisas 4 месяца назад

    O importação do "BarChart" não está a funcionar mesmo fazendo com o dynamic. eu tentei instalat o Rechats na versão antiga mas mesmo assim não está funcionando 😒😒😭😭😭😭

    • @Sujeitoprogramador
      @Sujeitoprogramador  4 месяца назад

      @@QueCoisas funciona sim mas o componente tem que ser cliente

  • @marcosl.matheus1909
    @marcosl.matheus1909 6 месяцев назад

    tomem cuidado ao usar shadcn, existem mais de 300 erros para serem fixados nele, isso é o que foi descoberto até agora, e os devs dele nem estão se importando em atualizar ele

  • @n.a2103
    @n.a2103 6 месяцев назад

    pago 150 R$ por mes em um sistema na minha maquina, se fosse 100% online ia ser 250R$,cadastra produtos pedidos, mercado interessante, queria criar o meu proprio rsrs

    • @amantente
      @amantente 6 месяцев назад

      Podemos trocar ideias