Workshop - Next.js & TailwindCSS & Framer Motion

We'll build a lightweight, animated & responsive small website.

Indice

1. Next
2. Tecnologias utilizadas
3. Como baixar o projeto

Next

Criando interfaces modernas mantendo a produtividade. Com uma incrível experiência de desenvolvimento, construiremos interfaces completas com TailwindCSS, criaremos páginas animadas com Next.js e Framer Motion. Abordando responsividade (Mobile First) e transições entre as rotas da aplicação!

Tecnologias utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias:

• React
• Next.js
• TypeScript
• framer-motion
• TailwindCSS

Como baixar o projeto

  # Clonar o repositório
  $ git clone https://github.com/DevTeles/next-tailwind-framermotion.git

  # Entrar no diretório
  $ cd next-tailwind-framermotion

  # Instalar as dependências
  $ yarn ou npm install

  # Iniciar o projeto
  $ yarn dev ou npm run dev

Desenvolvido por Rafael Teles Vital