Categoria: Next.js

Next.js com Tailwind CSS – Aula 003 – Curso 2021

Publicado em | por Márcio Brasil | Deixe um comentário em Next.js com Tailwind CSS – Aula 003 – Curso 2021

Aula de Next.js com Tailwind CSS completa, gratuita, fácil e rápida. Aprenda o básico para começar a desenvolver sua primeira página utilizando Next, Tailwind CSS.

Lista de comando utilizados:
————————————————–
– npx create-next-app next-with-tailwindcss

Tailwind CSS requires Node.js 12.13.0 or higher.
————————————————–
– node –version
– npx next –version
– npm install tailwindcss@latest postcss@latest autoprefixer@latest
– npx tailwindcss init -p

tailwind.config.js:
————————————————–
purge: [‘./pages/**/*.{js,ts,jsx,tsx}’, ‘./components/**/*.{js,ts,jsx,tsx}’],
– npm run dev

https://github.com/webdeveloperbrasil/next-aula-003

Next.js com Bootstrap – Aula 002 – Curso 2021

Publicado em | por Márcio Brasil | Deixe um comentário em Next.js com Bootstrap – Aula 002 – Curso 2021

Aula de Next.js com Bootstrap completa, gratuita, fácil e rápida. Aprenda o básico para começar a desenvolver sua primeira página utilizando Next, Bootstrap, Github e Versel.

Exemplo:

– https://github.com/vercel/next.js/tree/canary/examples/with-react-bootstrap

Lista de comando utilizados:

GITHUB:

– git remote add origin https://github.com/webdeveloperbrasil/next-aula-002
– git branch -M main
– git push -u origin main
– git status
– git clone
– git add .
– git commit -am
– git commit origin main

NPM:

– npx create-next-app –example with-react-bootstrap with-react-bootstrap-app
– npm run dev

ARQUIVOS EXTRAS:

– components/Menu.js
– pages/about.js
– pages/contact.js

Next.js – Aula 001

Publicado em | por Márcio Brasil | Deixe um comentário em Next.js – Aula 001

Aula de Next.js completa, gratuita, fácil e rápida. Aprenda o básico para começar a desenvolver sua primeira página utilizando Next, Github e Versel.

Lista de comando utilizados:

GITHUB:

  • git clone
  • git add .
  • git commit -am
  • git commit origin main

NPM:

  • npm init -y
  • npm install next
  • npm install react
  • npm install react-dom
  • npm run dev

EDIÇÃO PACKAGE.JSON


"scripts": { "dev": "next dev" }