Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sozonome/nextarter-tailwind

battery packed template / boilerplate to initialize PWA ready Next.js app with TailwindCSS & Typescript setup ✨
https://github.com/sozonome/nextarter-tailwind

boilerplate boilerplate-template nextjs nextjs-boilerplate nextjs-starter nextjs-template pwa react starter-template tailwind tailwindcss template typescript

Last synced: about 1 month ago
JSON representation

battery packed template / boilerplate to initialize PWA ready Next.js app with TailwindCSS & Typescript setup ✨

Host: GitHub
URL: https://github.com/sozonome/nextarter-tailwind
Owner: sozonome
License: mit
Created: 2021-08-23T08:05:06.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-07-24T18:52:05.000Z (about 2 months ago)
Last Synced: 2024-07-24T21:38:19.258Z (about 2 months ago)
Topics: boilerplate, boilerplate-template, nextjs, nextjs-boilerplate, nextjs-starter, nextjs-template, pwa, react, starter-template, tailwind, tailwindcss, template, typescript
Language: TypeScript
Homepage: https://nextarter-tailwind.sznm.dev
Size: 950 KB
Stars: 117
Watchers: 3
Forks: 10
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/sozonome/nextarter-tailwind) [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/sozonome/nextarter-tailwind)

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/sozonome/nextarter-tailwind)

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app), added with [**TailwindCSS**](https://tailwindcss.com) and [**TypeScript**](https://www.typescriptlang.org) setup.

Start developing right away!

## 🔋⚡ Super Battery Packed template

- 🚀 **Next.js 13 (App Router)** - **React 18**

- ⛓️ **TypeScript**

- **TailwindCSS** v3

  - recommended to extend with one of these:

    - [shadcn/ui](https://ui.shadcn.com/)

    - [tremor](https://www.tremor.so/)

    - [flowbite-react](https://www.flowbite-react.com/)

    - [daisyUI](https://daisyui.com/)

    - [Headless UI](https://headlessui.com/)

    - [Mantine](https://mantine.dev)

    - [NextUI v2](https://github.com/nextui-org/nextui/discussions/1035)

- ✔️ **toolings** for linting, formatting, and conventions configured

  - `eslint`, `prettier`, `husky`, `lint-staged`, `commitlint`, `commitizen`, and `standard-version`

  - `pre-commit`, `pre-push`, `commit-msg`, `prepare-commit-msg` hook configured

- 📱 **PWA-ready** - `next-pwa` configured, enabled by default, just disable it through `next.config.js`

- 🔎 SEO optimization configured - with `next-seo` and `next-sitemap`.

  - you'll need to reconfigure or tinker with it to get it right according to your needs, but it's there if you need it.

- 🎨 basic responsive layout configured - don't need it? just remove it 😃

- 🤖 **Automatic Dependency Update** with [Renovate](https://renovatebot.com/)

- 🏎️ **Turbo** setup

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=sozonome_nextarter-tailwind&metric=alert_status)](https://sonarcloud.io/dashboard?id=sozonome_nextarter-tailwind) [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=sozonome_nextarter-tailwind&metric=sqale_rating)](https://sonarcloud.io/dashboard?id=sozonome_nextarter-tailwind) [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=sozonome_nextarter-tailwind&metric=bugs)](https://sonarcloud.io/dashboard?id=sozonome_nextarter-tailwind) [![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=sozonome_nextarter-tailwind&metric=code_smells)](https://sonarcloud.io/dashboard?id=sozonome_nextarter-tailwind) [![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=sozonome_nextarter-tailwind&metric=duplicated_lines_density)](https://sonarcloud.io/dashboard?id=sozonome_nextarter-tailwind)

## Getting Started

You can either click `Use this template` button on this repository and clone the repo or directly from your terminal:

```bash

npx degit sozonome/nextarter-tailwind 

```

Install packages:

```bash

pnpm i

```

Then, run the development server:

```bash

pnpm dev

```

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

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

## References

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

- [TailwindCSS](https://tailwindcss.com)

- [TypeScript](https://www.typescriptlang.org)