https://github.com/adonig/nextjs-starter-preact-tailwindcss

A Next.js starter project coming with Preact and Tailwind CSS built-in.
https://github.com/adonig/nextjs-starter-preact-tailwindcss

nextjs nextjs-starter preact purgecss tailwindcss typescript

Last synced: about 2 months ago
JSON representation

A Next.js starter project coming with Preact and Tailwind CSS built-in.

• Host: GitHub
• URL: https://github.com/adonig/nextjs-starter-preact-tailwindcss
• Owner: adonig
• License: mit
• Created: 2020-04-09T08:33:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T03:01:29.000Z (almost 2 years ago)
• Last Synced: 2023-08-01T22:29:05.261Z (over 1 year ago)
• Topics: nextjs, nextjs-starter, preact, purgecss, tailwindcss, typescript
• Language: TypeScript
• Size: 1.45 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# nextjs-starter-preact-tailwindcss

This is a [Next.js](https://nextjs.org/) starter project coming with [Preact](https://preactjs.com/) and [Tailwind CSS](https://tailwindcss.com/) built-in.

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

## Visual Studio Code

From my experience Tailwind CSS works best with [stylelint](https://stylelint.io/), so you might want to install the following extensions:

- [vscode-stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)

- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

Also make sure you locally disable any interfering extensions (i.e. SCSS Formatter) in your workspace.