Getter Hiss Next.js Website

Install

npx create-next-app@latest --typescript

Getting Started

First, run the development server: npm run dev

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

Tailwind

• Documentation
• Install Tailwind CSS IntelliSense
• Customizing Colors

Add Tailwind CSS

• Install Tailwind CSS with Next.js
• npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
• npx tailwindcss init -p
• FIX:
  • @tailwind is flagged as unknown

Add Tailwind UI

• Documentation
• npm install @headlessui/react @heroicons/react
• Heroicons Library

Added @tailwindcss/forms

• npm install @tailwindcss/forms

// tailwind.config.js
module.exports = {
  // ...
  plugins: [
    // ...
    require('@tailwindcss/forms'),
  ],
};

Setup Relative Paths

• Absolute Imports and Module path aliases