Skip to content

๐ŸŒŠ NextJS + TailwindCSS. Minimal setup with some preconfigured features.

Notifications You must be signed in to change notification settings

starters-dev/nextjs-tailwindcss

Repository files navigation

NextJS + TailwindCSS starter

This is a minimal setup starter that includes:

  • Next.js and TailwindCSS
  • Custom font integration
  • Custom Document (preloading custom font)
  • Global services (for example, /services/api)
  • API calls service and example
  • Small util help methods
  • Responsiveness example

Quickstart

  1. Clone the repo
> git clone https://github.com/starters-dev/nextjs-tailwind-starter.git web-app && cd web-app
  1. Install packages
> yarn
  1. Run it
> yarn dev

Open 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.

Deployment

Vercel

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.

Custom server (e.g. DigitalOcean)

If you'd like to run the web app on your own server instead of using platforms like Vercel, Netlify, etc., you can easily do it using provided Dockerfile. You just need to add the project as a service to the docker-compose.yml file. More detailed example with Traefik proxy and https certificates autogeneration can be found here.