Tecnologias   |    Projeto   |    Layout

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML e CSS
• JavaScript e JSON
• React
• Tailwind
• Next JS
• Node e NPM

Este projeto foi desenvolvido enquanto eu estava aprendendo a usar o Tailwind como editor de CSS para o Next JS, usando como referência um vídeo ensinando a montar um site com responsividade, como a referência utilizava a versão do Next 12 e algumas propriedades foram alteradas no Next 13, o código ficou desatualizado e apresenta alguns detalhes que poderiam ser melhorados.

Home:

Fotos com Layout Responsivo:

Você pode visitar o site que está hospedado na Vercel.

Ou se tiver maior familiaridade com o processo, basta copiar o projeto pelo git, instalar as dependencias e rodar:

git clone https://github.com/bigodrigo/Photo-Next.git
npm install
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Você pode editar as páginas como pages/index.js.

• Vídeo sobre o projeto: https://www.youtube.com/watch?v=HVyct9EUNP8
• Documentação sobre o Tailwind: https://tailwindcss.com/
• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.