Next.Js Crie Um Blog Cms Com Server Actions + Prisma – 2024

What you'll learn
Aplicar as melhores práticas de UI/UX com o Tailwind CSS para estilização eficiente e responsiva da aplicação.
Gerenciar o estado da aplicação de forma intuitiva e eficiente com o Zustand, simplificando a complexidade do estado global.
Dominar o TypeScript para escrever código mais seguro, reduzir erros e aumentar a produtividade.
Desenvolver um sistema com os principais requisitos do mercado, para você decolar sua carreira
Desenvolver um sistema completo para alavancar seu portifólio
Aprenda a criar um sistema de gerenciamento de blogs com NextJS e Server Actions, utilizando as tecnologias mais atuais para um desenvolvimento mais rápido e e
Requirements
É recomendável ter conhecimento básico nas linguagens HTML, CSS e jаvascript
Description
Neste curso abrangente, você aprenderá a criar um CMS (Sistema de Gerenciamento de Conteúdo) para blogs utilizando Next.js com Server Actions, uma abordagem inovadora que otimiza a experiência de desenvolvimento e entrega de aplicações web. Ao longo do curso, você não apenas dominará o desenvolvimento front-end e back-end, mas também adquirirá conhecimentos valiosos sobre a integração de diversas tecnologias modernas, garantindo que sua aplicação seja rápida, escalável e intuitiva.Por que escolher este curso?Tecnologia de ponta: Next.js é uma das frameworks mais populares e recomendadas para o desenvolvimento de aplicações web. Com sua abordagem híbrida de renderização, você pode otimizar o desempenho do seu blog, proporcionando uma experiência de usuário fluida e responsiva. O uso de Server Actions elimina a necessidade de criar múltiplos endpoints de API, simplificando sua lógica de backend e melhorando a eficiência do desenvolvimento.Design e Usabilidade: Utilizando Tailwind CSS, você aprenderá a criar interfaces modernas e responsivas com facilidade. Este framework utilitário permite que você construa layouts personalizados sem a necessidade de escrever CSS complexo, economizando tempo e esforço. Além disso, a integração com Ant Design proporcionará componentes prontos para uso que seguem as melhores práticas de design, garantindo uma experiência de usuário atraente e funcional.Gerenciamento de Estado Eficiente: O curso abordará o uso de Zustand para o gerenciamento de estado da sua aplicação, permitindo que você mantenha a lógica de estado de forma simples e eficaz, sem a complexidade de outras soluções.Integração de Banco de Dados: Com Prisma, você aprenderá a trabalhar com bancos de dados de forma intuitiva e poderosa. Prisma simplifica a interação com seu banco de dados, permitindo que você se concentre na lógica de sua aplicação em vez de lidar com consultas complexas.Autenticação e Segurança: A segurança da sua aplicação será garantida com NextAuth, que facilita a implementação de autenticação em sua aplicação, suportando diversos provedores de autenticação e oferecendo um fluxo seguro para o gerenciamento de usuários.Suporte a Múltiplas Línguas: O projeto também incluirá a implementação da biblioteca next-intl, permitindo que você adicione suporte a várias línguas em seu CMS. Com isso, será possível criar uma aplicação acessível a um público global, facilitando a localização de conteúdo e a personalização da experiência do usuário.Ao final deste curso, você estará apto a criar um sistema de gerenciamento de blogs completo, utilizando as mais recentes tecnologias e práticas recomendadas do mercado. Prepare-se para levar suas habilidades de desenvolvimento web a um novo patamar e estar pronto para enfrentar os desafios do mundo real, criando aplicações robustas e de alto desempenho. Inscreva-se agora e comece sua jornada no desenvolvimento de aplicações com Next.js!
Overview
Section 1: Introdução
Lecture 1 Apresentando o Projeto
Lecture 2 Suporte ao Curso
Section 2: Preparando o ambiente de desenvolvimento
Lecture 3 Verificando se você já possui o NodeJS em seu computador
Lecture 4 Instalando o NodeJS
Lecture 5 Entendendo a diferença entre IDE e Editor de Código Fonte
Lecture 6 Instalando o Visual Studio Code
Section 3: ReactJS: Introdução, JSX e Componentes
Lecture 7 O que é React?
Lecture 8 O que é o DOM Virtual?
Lecture 9 Introdução sobre JSX
Lecture 10 Iniciando um projeto com CRA
Lecture 11 Iniciando um projeto com Vite
Lecture 12 Seu primeiro componente
Lecture 13 Outras formas de criar componentes
Lecture 14 Importando e exportando componentes
Lecture 15 Como organizar vários componentes
Lecture 16 Regras gerias do JSX
Lecture 17 JSX: variáveis, funções e objetos
Lecture 18 JSX: Renderização condicional
Lecture 19 JSX: Renderizando listas
Lecture 20 JSX: Filtrando listas
Lecture 21 Passando props para um componente
Lecture 22 Inserindo um default (padrão) em props
Lecture 23 Prop children do componente
Lecture 24 O que são componentes puros e impuros?
Lecture 25 Como transformar componentes impuros em puros
Lecture 26 O que é StrictMode?
Section 4: ReactJS: Eventos e Hooks
Lecture 27 Capturando seu primeiro evento
Lecture 28 Forma incorreta de passar eventos
Lecture 29 Passando eventos como props
Lecture 30 O que é propagação de eventos?
Lecture 31 Interrompendo a propagação de eventos
Lecture 32 Capturando eventos cuja propagação foi interrompida
Lecture 33 Removendo comportamentos padrão
Lecture 34 O que são Hooks? Conhecendo o primeiro hook (useState)
Lecture 35 Renderização condicional com states
Lecture 36 Usando states em campos
Lecture 37 States + re-rrenderização do componente
Lecture 38 States mudando no tempo
Lecture 39 State Updater
Lecture 40 Atualizando Objetos no State
Lecture 41 Arrays no State: Adicionando um elemento
Lecture 42 Arrays no State: Removendo um elemento
Lecture 43 Arrays no State: Alterando um elemento
Lecture 44 Conhecendo o hook useEffect e o CleanUp
Lecture 45 Monitorando dependências com useEffect
Lecture 46 Exemplos práticos do uso do CleanUp
Lecture 47 Usando o useId
Lecture 48 Conhecendo o useRef
Lecture 49 Outro exemplo prático do useRef
Section 5: ReactJS: Estilizando componentes
Lecture 50 Usando o Inline Style
Lecture 51 Como organizar o Inline Style
Lecture 52 Importando folha de estilo separadamente
Lecture 53 Usando o CSS Modules
Lecture 54 Styled Components: Criando o primeiro componente estilizado
Lecture 55 Styled Components: Passando props
Lecture 56 Styled Components: Objetos de estilo
Lecture 57 Styled Components: Pseudosseletores e aninhamento
Lecture 58 Styled Components: Animações
Lecture 59 Styled Components: Theming
Section 6: ReactJS: Requisições
Lecture 60 O que é HTTP? Conhecendo métodos HTTP e status HTTP
Lecture 61 Fazendo uma requisição GET
Lecture 62 Exibindo dados do GET
Lecture 63 Lidando com loading
Lecture 64 Lidando com erros
Lecture 65 Fazendo requisições POST, PUT e DELETE
Lecture 66 Axios: Usando axios para simplificar requisições
Lecture 67 Axios: Resposta da requisição + TypeScript
Lecture 68 Axios: Enviando body e params na requisição
Lecture 69 Axios: Instâncias e configurações padrões
Lecture 70 Axios: Manipulando erros
Lecture 71 Axios: Cancelando requisições
Section 7: Criando e Configurando o Projeto
Lecture 72 Criando o Projeto com Next.js
Lecture 73 Instalando as dependências do Projeto
Lecture 74 Entendendo o Diagrama do Banco de Dados
Lecture 75 Criando o Schema do Prisma
Lecture 76 Criando os Types
Lecture 77 Trabalhando com Internacionalização
Lecture 78 Configurando a Autenticação
Lecture 79 Criando os Stores com Zustand
Lecture 80 Criando o Hook useTheme
Lecture 81 Incluindo os Providers
Lecture 82 Criando os Middlewares
Lecture 83 Integrando nosso Projeto com o IA do Google
Section 8: Trabalhando com Server Actions no Next.JS
Lecture 84 Criando o Blog Service
Lecture 85 Criando o Auth Service
Lecture 86 Criando o Blog Service (Admin)
Lecture 87 Criando o Blog User Service (Admin)
Lecture 88 Criando o Blog Posts Service (Admin)
Lecture 89 Criando o Dashboard Service (Admin)
Section 9: Criando os Layouts
Lecture 90 Criando o Componente ToggleTheme
Lecture 91 Criando o Componente LocaleDropdown
Lecture 92 Criando os Layouts (HomeLayout)
Lecture 93 Criando os Layouts (AdminLayout)
Lecture 94 Criando os Layouts (AuthLayout)
Lecture 95 Criando os Layouts (BlogLayout)
Section 10: Criando as Páginas
Lecture 96 Criando o Componente AdminHero
Lecture 97 Criando o Componente NewBlog
Lecture 98 Criando o Componente NewBlogPost
Lecture 99 Criando o Componente EditBlogPost
Lecture 100 Criando o Componente NewBlogUser
Lecture 101 Criando a Página Inicial
Lecture 102 Testando a Página Inicial
Lecture 103 Criando as Páginas de Autenticação: SignIn
Lecture 104 Criando as Páginas de Autenticação: SignUp
Lecture 105 Criando as Páginas de Autenticação: VerifyEmail
Lecture 106 Criando as Páginas de Autenticação: Error
Lecture 107 Configurando e Testando as Páginas de Autenticação
Lecture 108 Criando as Páginas de Administração: Dashboard
Lecture 109 Criando as Páginas de Administração: Posts
Lecture 110 Criando as Páginas de Administração: Users
Lecture 111 Criando as Páginas de Administração: Settings
Lecture 112 Configurando e Testando as Páginas De Administração
Lecture 113 Criando as Páginas do Blog: Home
Lecture 114 Criando as Páginas do Blog: Post
Lecture 115 Configurando as Páginas do Blog
Lecture 116 Customizando a Página de Not Found
Desenvolvedores iniciantes interessados em aplicar a programação na prática, criando casos e soluções para o mundo real!,Desenvolvedores iniciantes Back-end e/ou Front-end
Homepage

https://www.udemy.com/course/nextjs-crie-um-cms-para-blogs/