Crie Um Site PWA Com Next Js 13 Junior Alves 2023
Crie Um Site PWA Com Next Js 13 Junior Alves 2023
Crie Um Site PWA Com Next Js 13 Junior Alves 2023
zip
== 1_Introdução
=== 1_Introdução_ao_curso
++++ 1_01_-_Introdução.mp4
=== 2_Overview_do_curso
++++ 1_overview.mp4
=== 3_Introdução_ao_Next.js
++++ 1_02_-_Introdução_ao_Next.mp4
== 2_Criando_o_template
=== 1_Configurando_eslint_e_prettier
++++ 1_Configurando_eslint_e_prettier.html
++++ 2_1_-_eslint-e-prettier.mp4
=== 2_Dica__se_o_eslint_+_prettier_não_funcionarem
++++ 1_1.1_correcao_do_eslint_e_prettier.mp4
=== 3_Configurando_husky_e_lint_staged
++++ 1_Configurando_husky_e_lint_staged.html
++++ 2_2_-_husky_e_lint_staged.mp4
=== 4_Configurando_dependabot
++++ 1_Configurando_dependabot.html
++++ 2_3_-_configurando_dependabot.mp4
=== 5_Script_para_checar_as_tipagens
++++ 1_Script_para_checar_as_tipagens.html
++++ 2_3.1_-_Adicionar_typecheck_script.mp4
=== 6_Configurando_Jest_e_React_Testing_Library
++++ 1_Configurando_Jest_e_React_Testing_Library.html
++++ 2_4_-_Configurando_Jest_e_Testing_Library.mp4
=== 7_Finalizando_as_configurações_do_template
++++ 1_Finalizando_as_configurações_do_template.html
++++ 2_5_-_Finalizando_configuração_dos_testes.mp4
== 3_Content_Layer
=== 1_Introdução_à_content_layer
++++ 1_Introdução_à_content_layer.html
++++ 2_1_-_introdução_contentlayer.mp4
=== 2_Configurando_a_content_layer
++++ 1_Configurando_a_content_layer.html
++++ 2_2_-__Configurando_contentlayer.mp4
=== 3_Adicionando_syntaxe_highlight_e_remark
++++ 1_Adicionando_syntaxe_highlight_e_remark.html
++++ 2_3_-_syntaxe_highlight_e_remark.mp4
=== 4_Markdown_e_MDX
++++ 1_Markdown_e_MDX.html
++++ 2_4_-_Markdown_e_MDX.mp4
== 4_Estilização_no_Next.js_13
=== 1_Introdução_e_configurações_iniciais
++++ 1_Introdução_e_configurações_iniciais.html
++++ 2_1_-_Introdução_e_configurações_iniciais.mp4
=== 2_Organizando_nossos_estilos
++++ 1_Organizando_nossos_estilos.html
++++ 2_2_-_Organizando_os_estilos.mp4
=== 3_O_plugin_que_vai_mudar_sua_forma_de_trabalhar_com_Tailwind_CSS
++++ 1_O_plugin_que_vai_mudar_sua_forma_de_trabalhar_com_Tailwind_CSS.html
++++ 2_3_-_Plugin_para_organização_de_código.mp4
== 5_Sistema_de_rotas_do_Next.js
=== 1_Entendendo_o_roteamento_do_Next.js
++++ 1_Entendendo_o_roteamento_do_Next.js.html
++++ 2_1_-_Entendendo_o_roteamento_do_Nextjs.mp4
=== 2_Rotas_estáticas
++++ 1_2_-_Rotas_estáticas.mp4
=== 3_Rotas_dinâmicas
++++ 1_3_-_Rotas_dinâmicas.mp4
=== 4_Entendendo_os_special_files_(arquivos_especiais)_do_Next.js_13
++++ 1_4_-_Arquivos_especiais.mp4
== 6_Server_Component_vs_Client_Components
=== 1_Entendendo_as_diferenças
++++ 1_1_-_Diferenças.mp4
=== 2_O_que_é_um_React_Server_Component_(RSC)_
++++ 1_2_-_Mais_sobre_RSC.mp4
== 7_Criando_o_layout
=== 1_Corrigindo_erro_na_content_layer
++++ 1_1_-_Corrigindo_erro_da_contentlayer.mp4
=== 2_Criando_componente_de_Header
++++ 1_2_-_Header.mp4
=== 3_Criando_componente_de_Logo_com_testes
++++ 1_3_-_Criando_componente_de_Logo_com_testes.mp4
=== 4_Corrigindo_o_erro_nos_testes
++++ 1_4_-_Corrigindo_o_erro_nos_testes.mp4
== 8_Criando_componentes
=== 1_Aplicando_SOLID_no_componente_Header
++++ 1_Aplicando_SOLID_no_componente_Header.html
++++ 2_1_-_Aplicando_SOLID_no_componente_Header.mp4
=== 2_Criando_o_componente_de_Layout
++++ 1_2_-_Criando_o_componente_de_Layout.mp4
=== 3_Criando_componente_de_PostCard
++++ 1_3_-_Criando_componente_de_PostCard.mp4
=== 4_Criando_componente_de_Grid_+_macetes_do_TailwindCSS
++++ 1_4_-_Criando_componente_de_Grid_+_macetes_do_TailwindCSS.mp4
=== 5_Criando_componente_de_Tag
++++ 1_5_-_Criando_componente_de_Tag.mp4
=== 6_Criando_componente_de_Profile
++++ 1_6_-_Criando_componente_de_Profile.mp4
=== 7_Estilos_do_componente_Profile
++++ 1_7_-_Estilos_do_componente_Profile.mp4
=== 8_[Abordagem_alternativa]_Componente_de_Header
++++ 1_[Abordagem_alternativa]_Componente_de_Header.html
++++ 2_8_-_(EDITAR)_Header_(mainNav_sem_children).mp4
=== 9_Aplicando_SOLID_na_Navegação
++++ 1_8_-_Aplicando_SOLID_na_Navegação_(children).mp4
=== 10_Criando_ToggeButton_com_TDD
++++ 1_9_-_Criando_ToggeButton_com_TDD.mp4
=== 11_Utilizando_o_ToggleButton_+_dicas_de_RSC
++++ 1_10_-_Utilizando_o_ToggleButton_+_dicas_de_RSC.mp4
=== 12_Criando_o_hook_useMainNav_com_testes
++++ 1_11_-_Criando_useMainNav_com_testes.mp4
=== 13_Criando_o_MobileNav_+_dicas
++++ 1_12_-_Criando_o_MobileNav_mais_dicas.mp4
=== 14_Criando_componente_de_Footer
++++ 1_13_-_Criando_componente_de_Footer.mp4
=== 15_Criando_estilos_do_Footer
++++ 1_14_-_Criando_estilos_do_Footer.mp4
=== 16_Criando_os_testes_do_Footer
++++ 1_15_-_Criando_os_testes_do_Footer.mp4
=== 17_Criando_componentes_de_List_e_ListItem
++++ 1_16_-_Criando_componentes_de_List_e_ListItem.mp4
=== 18_Criando_testes_para_o_List_e_ListItem_+_nova_abordagem
++++ 1_17_-_Criando_testes_para_o_List_e_ListItem_e_nova_abordagem.mp4
=== 19_Refatorando_o_MainNav
++++ 1_18_-_Refatorando_o_MainNav.mp4
=== 20_Criando_componente_de_SocialMedia
++++ 1_19_-_Criando_componente_de_SocialMedia.mp4
=== 21_Criando_os_testes_do_SocialMedia
++++ 1_20_-_Criando_os_testes_do_SocialMedia.mp4
== 9_Criando_página_de_Post
=== 1_Introdução
++++ 1_1_-_Introdução.mp4
=== 2_Criando_o_PostService
++++ 1_2_-_Criando_o_PostService.mp4
= Crie_um_site_PWA_com_Next_js_13_Junior_Alves_2023-002.zip
== 9_Criando_página_de_Post
=== 3_Deixando_o_PostCard_dinâmico
++++ 1_3_-_Deixando_o_PostCard_dinâmico.mp4
=== 4_Trabalhando_com_o_PostService
++++ 1_4_-_Trabalhando_com_o_PostService.mp4
=== 5_Adicionando_tempo_de_leitura_(readingTime)
++++ 1_5_-_Adicionando_readingTime.mp4
=== 6_Criando_os_slugs
++++ 1_6_-_Criando_os_slugs.mp4
=== 7_Criando_nova_função_e_refatorando_PostCard
++++ 1_7_-_Criando_nova_função_e_refatorando_PostCard.mp4
=== 8_Refatorando_o_PostService
++++ 1_8_-_Refatorando_o_PostService.mp4
=== 9_Rotas_dinâmicas_no_Nextjs
++++ 1_9_-_Rotas_dinâmicas_no_Nextjs.mp4
=== 10_Criando_o_componente_de_Post
++++ 1_10_-_Criando_o_componente_de_Post.mp4
=== 11_Organizando_os_estilos_do_Post
++++ 1_11_-_Organizando_os_estilos_do_Post.mp4
=== 12_Adicionando_novas_tags_ao_MDX
++++ 1_12_-_Adicionando_novas_tags_ao_MDX.mp4
=== 13_Melhorando_a_UX_+_dicas
++++ 1_13_-_Melhorando_a_UX.mp4
=== 14_Personalizando_seu_blog
++++ 1_14_-_Personalizando_seu_blog.mp4
=== 15_Criando_nosso_componente_de_código
++++ 1_15_-_Criando_nosso_componente_de_código.mp4
=== 16_Melhorais_gerais_+_discussões_sobre_UX
++++ 1_16_-_Melhorando_a_UX_do_blog.mp4
=== 17_Criando_funcionalidade_de_BackToTop
++++ 1_17_-_Criando_funcionalidade_de_BackToTop.mp4
== 10_Criando_a_paginação
=== 1_Introdução
++++ 1_1_-_Introdução_ao_módulo.mp4
=== 2_Criando_componente_de_Pagination
++++ 1_2_-_Criando_componente_de_Pagination.mp4
=== 3_Iniciando_a_lógica_de_paginação
++++ 1_3_-_Iniciando_a_lógica_de_paginação.mp4
=== 4_Implementando_a_lógica_de_pagainação
++++ 1_4_-_Implementando_a_lógica_de_pagainação.mp4
=== 5_Criando_PostsList_e_refatorando_a_home
++++ 1_5_-_Criando_PostsList_e_refatorando_a_home.mp4
=== 6_Criando_rota_dinâmica_de_paginação_+_dicas
++++ 1_6_-_Criando_rota_dinâmica_de_paginação_+_dicas.mp4
=== 7_Criando_a_lógica_de_nextPage_e_prevPage
++++ 1_7_-_Criando_a_lógica_de_nextPage_e_prevPage.mp4
=== 8_Validando_pagina_de_paginação_e_demais_ajutes
++++ 1_8_-_Validando_pagina_de_paginação_e_demais_ajutes.mp4
=== 9_Criando_paginationPage_e_refatorando_código
++++ 1_9_-_Criando_paginationPage_e_refatorando_código.mp4
=== 10_Refatorando_o_paginationPosts
++++ 1_10_-_Refatorando_o_paginationPosts_+_dicas.mp4
== 11_Criando_página_de_about
=== 1_Introdução
++++ 1_1_-_Introdução.mp4
=== 2_Criando_página_de_about
++++ 1_2_-_Criando_página_de_about.mp4
=== 3_Criando_componente_de_Link
++++ 1_3_-_Criando_componente_de_Link.mp4
=== 4_Adicionando_imagens_na_página_de_about
++++ 1_4_-_Adicionando_imagens_na_página_de_about.mp4
== 12_Lidando_com_erros_+_página_404_customizada
=== 1_Introdução
++++ 1_1_-_Introdução.mp4
=== 2_Entendendo_os_special_files_do_Nextjs_13
++++ 1_2_-_Entendendo_os_special_files_do_Nextjs_13.mp4
=== 3_Criando_a_página_404_custom
++++ 1_3_-_Criando_a_página_404_custom.mp4
=== 4_Criando_o_componente_de_RecommendedPosts
++++ 1_4_-_Criando_o_componente_de_RecommendedPosts.mp4
=== 5_Criando_componente_de_Empty
++++ 1_5_-_Criando_componente_de_Empty.mp4
=== 6_Dicas_sobre_o_not_found_e_possíveis_problemas
++++ 1_6_-_Dicas_sobre_o_not_found_e_possíveis_problemas.mp4
== 13_Trabalhando_com_SEO
=== 1_Introdução
++++ 1_1_-_Introdução.mp4
=== 2_Entendendo_a_Metadata_API_no_Nextjs
++++ 1_2_-_Entendendo_a_Metadata_API_no_Nextjs.mp4
=== 3_Melhorando_o_SEO_da_página_inicial
++++ 1_3_-_Melhorando_o_SEO_da_página_inicial.mp4
=== 4_Adicionando_SEO_em_rotas_dinâmicas
++++ 1_4_-_Adicionando_SEO_em_rotas_dinâmicas.mp4
=== 5_Entendendo_o_SEO_na_prática_dentro_do_HTML
++++ 1_5_-_Entendendo_o_SEO_na_prática_dentro_do_HTML.mp4
=== 6_Adicionando_SEO_na_página_de_pagination
++++ 1_6_-_Adicionando_SEO_na_página_de_pagination.mp4
== 14_Criando_um_PWA_com_Nextjs_13
=== 1_Introdução_sobre_PWA
++++ 1_1_-_Introdução_sobre_PWA.mp4
=== 2_Configurando_o_PWA_com_Nextjs_13
++++ 1_2_-_Configurando_o_PWA_com_Nextjs_13.mp4
=== 3_Testando_o_blog_no_Lighthouse
++++ 1_3_-_Testando_o_blog_no_Lighthouse.mp4
== 15_Configurando_o_CMS
=== 1_Introdução
++++ 1_1_-_Introdução.mp4
=== 2_O_que_é_um_CMS_
++++ 1_2_-_O_que_é_um_CMS.mp4
=== 3_Criando_posts_sem_utilizar_um_CMS
++++ 1_3_-_Como_criar_posts_sem_CMS.mp4
=== 4_Instalando_e_configurando_o_CMS
++++ 1_4_-_Instalação_e_configuração_do_CMS.mp4
=== 5_Fazendo_o_deploy_do_nosso_blog
++++ 1_5_-_Fazendo_o_deploy_do_blog.mp4
=== 6_Configurando_autenticação
++++ 1_6_-_Configurando_autenticação.mp4
=== 7_Correção_do_erro_e_melhorias
++++ 1_7_-_Correção_do_erro_e_melhorias.mp4
== 16_Bônus
=== 1_Tornando_seus_posts_únicos
++++ 1_Como_utilizar_componentes_React_dentro_dos_posts.mp4
=== 2_Customizando_seu_blog
++++ 1_Customizando_seu_blog_com_plugins.mp4
= Crie_um_site_PWA_com_Next_js_13_Junior_Alves_2023-003.zip
++ cover.jpg
++ description.txt
== 16_Bônus
=== 3_Ideias_para_personalizar_o_seu_blog
++++ 1_Ideias_para_customizar_seu_blog.mp4