Atenção! Nosso Atendimento é 100% automatizado por Inteligência Artificial!

Curso de Construa uma cópia da interface da página de perfil do Instagram com Next.js e TailwindCSS

Economize R$ 87,10

Preço:
Preço promocionalR$ 39,90 Preço normalR$ 127,00

Descrição

Construa uma página de perfil do Instagram UI Clone com Next.js e Tailwind CSS

Guia passo a passo para criar um clone da interface do usuário do Instagram

Crie um clone da interface do usuário do Instagram usando Next.js e Tailwind CSS. Neste projeto, iremos construir um clone da página de perfil que se assemelha de perto ao Instagram real. O clone incluirá um avatar, nome de usuário, descrição, tags e URL. Para criar o avatar, utilizaremos o DaisyUI. Além disso, incorporaremos o Fontawesome e o Heroicon para adicionar vários ícones em diferentes seções, como botões de guias e configurações. Uma das principais características deste clone é o efeito de rolagem suave para as histórias na página de perfil. Implementaremos um botão de rolagem personalizado que aparece quando a rolagem começa e desaparece ao chegar ao final. A lista de botões também terá um efeito em que uma linha escura aparece quando clicada, alinhando-se com a linha horizontal. Para postagens de imagens, iremos buscar imagens na API do Unsplash usando o Axios. Ao passar o mouse sobre uma postagem, uma cobertura preta semi-transparente será sobreposta à imagem, exibindo o número de curtidas e comentários. Por que Next.js? O Next.js oferece renderização do lado do servidor (SSR) para componentes React, resultando em velocidades de carregamento de página mais rápidas. Essa abordagem permite que o usuário visualize o conteúdo da página sem ações adicionais, aprimorando a velocidade percebida. O SSR também fornece um site indexável e rastreável, beneficiando a otimização de mecanismos de busca (SEO) ao eliminar a necessidade de JavaScript do lado do cliente. Por que Tailwind CSS? O Tailwind CSS é um framework CSS de baixo nível altamente personalizável. Ao contrário do Bootstrap, que fornece componentes pré-projetados, o Tailwind oferece blocos de construção que capacitam os desenvolvedores a criar rapidamente designs únicos. Por que Daisy UI? O Daisy UI é uma biblioteca de componentes tematizável e personalizável que aprimora o Tailwind CSS. Ele fornece classes de componentes atraentes, permitindo a criação de sistemas de design escaláveis e amigáveis ​​ao designer. O que vamos cobrir - Utilizando variáveis ​​de ambiente para armazenar dados sensíveis com segurança. Neste projeto, armazenaremos a chave da API do Unsplash no arquivo .env.local para evitar exposição pública. A chave não será enviada para o Git durante os envios. - Adicionando o plugin Tailwind CSS e incorporando CSS personalizado no arquivo de configuração do Tailwind. O que você vai aprender - Construindo um aplicativo do mundo real - Integrando Next.js e Tailwind CSS - Consumindo a API do Unsplash - Configurando variáveis ​​de ambiente - Utilizando React hooks

Estimar frete

Payment & Security

Dúvidas Gerais

Após a confirmação do pagamento, você receberá um e-mail com todas as instruções para acessar seus cursos. O e-mail incluirá um link para a plataforma de ensino, onde você poderá fazer login utilizando suas credenciais cadastradas no momento da compra. Caso seja um curso em formato de arquivo para download, o mesmo estará disponível na área do aluno e poderá ser acessado diretamente pelo link enviado. Se você não receber o e-mail de acesso em até 24 horas, verifique sua caixa de spam ou entre em contato com nossa equipe pelo e-mail suporte@amentil.com.br.

Após a confirmação do pagamento, seu pedido será processado e enviado para o endereço cadastrado. Você receberá um e-mail com os detalhes do envio, incluindo o código de rastreamento para acompanhar a entrega. Trabalhamos com transportadoras confiáveis e os prazos variam de acordo com o método de envio escolhido e sua localização. É importante garantir que o endereço de entrega esteja correto para evitar atrasos. Caso tenha dúvidas ou problemas com a entrega, nossa equipe de suporte está à disposição pelo e-mail suporte@amentil.com.br.

Você pode tirar dúvidas diretamente com nossa equipe de suporte por diversos canais:

  • E-mail: Envie sua pergunta para suporte@amentil.com.br, e nossa equipe responderá em até 2 dias úteis.
  • Telefone: Ligue para +55 (48) 1234-5678, disponível de segunda a sexta, das 9h às 18h.
  • WhatsApp: Envie uma mensagem para +55 (48) 91265-4321 e receba atendimento rápido e prático.
  • Formulário de Contato: Preencha o formulário disponível em nosso site na página Contato.
  • Redes Sociais: Você também pode enviar suas dúvidas pelo Instagram ou Facebook em @amentil.sa.

Estamos sempre prontos para ajudar!

Reembolso e garantias

O prazo de reembolso pode variar dependendo da forma de pagamento utilizada:

  • Cartão de Crédito: O estorno será realizado em até 7 dias úteis após a aprovação do reembolso, mas o crédito poderá aparecer na sua fatura em um prazo de 30 a 60 dias, conforme a política da operadora do cartão.
  • Boleto Bancário ou Transferência: O valor será devolvido via depósito em conta bancária em até 7 dias úteis após a aprovação do reembolso.

Você pode solicitar a devolução de produtos físicos seguindo o passo a passo abaixo:

  1. Entre em contato com nosso suporte:
  2. Aguarde nossa resposta:
    Nossa equipe analisará sua solicitação em até 3 dias úteis e fornecerá as instruções detalhadas para a devolução.
  3. Prepare o produto:
  4. Envie o produto:
  5. Reembolso ou troca:

Nosso compromisso é fornecer uma experiência confiável e segura ao acessar nossa enciclopédia online. Garantimos a qualidade dos serviços e funcionalidades oferecidos, seguindo as condições descritas abaixo:

1. Garantia de Acesso

  • Disponibilidade: Oferecemos garantia de disponibilidade da enciclopédia online 24 horas por dia, 7 dias por semana, exceto durante períodos programados de manutenção ou por problemas técnicos fora do nosso controle.
  • Resolução de Problemas: Em caso de interrupções no serviço, nossa equipe técnica atuará para restaurar o acesso no menor tempo possível.

2. Garantia de Conteúdo

  • Precisão e Atualização: Todo o conteúdo disponibilizado é cuidadosamente revisado para garantir precisão e relevância. No entanto, a enciclopédia online é constantemente atualizada, e não podemos garantir a exatidão absoluta em casos de informações sujeitas a mudanças rápidas.
  • Correção de Erros: Caso identifique erros ou inconsistências no conteúdo, você pode nos informar pelo e-mail conteudo@amentil.com.br, e faremos a análise e correção, se necessário.

3. Garantia de Segurança

  • Proteção de Dados: Utilizamos tecnologias avançadas para proteger suas informações pessoais e garantir que sua navegação na enciclopédia seja segura.
  • Privacidade: Todos os dados coletados seguem as diretrizes da nossa Política de Privacidade.

4. Garantia de Reembolso

Para assinaturas da enciclopédia online:

  • Direito de Arrependimento: Você pode solicitar o cancelamento e reembolso integral em até 7 dias corridos após a compra, desde que não tenha acessado conteúdos pagos da plataforma.
  • Problemas Técnicos: Caso não consiga acessar os conteúdos devido a falhas técnicas imputáveis à plataforma, garantimos suporte prioritário e, se o problema não for resolvido, você pode solicitar reembolso proporcional ao período não utilizado.

5. Limitações

  • Conexão à Internet: Não garantimos acesso à enciclopédia em situações de instabilidade ou falhas na conexão de internet do usuário.
  • Uso Indevido: O acesso e uso da enciclopédia são pessoais e intransferíveis. O compartilhamento de credenciais pode resultar na suspensão ou cancelamento da assinatura sem reembolso.

6. Contato para Garantias

Caso precise de suporte ou queira exercer algum direito de garantia, entre em contato conosco:

  • E-mail: suporte@amentil.com.br
  • Telefone: +55 (48) 1234-5678
  • Horário de atendimento: Segunda a sexta, das 9h às 18h.