Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jellydn/next-app-starter

Another awesome starter for your app base on nextjs + tailwind + react-query + zod + react-hook-form + next-auth + jotai
https://github.com/jellydn/next-app-starter

hacktoberfest jotai nextjs-starter prisma react react-hook-form react-query storybook tailwindcss

Last synced: 4 days ago
JSON representation

Another awesome starter for your app base on nextjs + tailwind + react-query + zod + react-hook-form + next-auth + jotai

Host: GitHub
URL: https://github.com/jellydn/next-app-starter
Owner: jellydn
License: mit
Created: 2021-04-21T10:17:27.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2024-05-22T11:15:34.000Z (7 months ago)
Last Synced: 2024-05-22T13:03:05.759Z (7 months ago)
Topics: hacktoberfest, jotai, nextjs-starter, prisma, react, react-hook-form, react-query, storybook, tailwindcss
Language: TypeScript
Homepage: https://next-app-starter.productsway.com
Size: 14 MB
Stars: 211
Watchers: 4
Forks: 29
Open Issues: 3
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

Awesome-NextJs - next-app-starter - [demo](https://next-app-starter.vercel.app/) (Nextjs Starter)

README

        # Welcome to next-app-starter 👋

[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)

![Version](https://img.shields.io/badge/version-0.1.0-blue.svg?cacheSeconds=2592000)

[![Twitter: jellydn](https://img.shields.io/twitter/follow/jellydn.svg?style=social)](https://twitter.com/jellydn)

> Another awesome starter for your app

[![ITMan - NextJs Course!](https://i.ytimg.com/vi/CwjySicuyGQ/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB1EtLZ4uPu5V_IEKBZ4jQQsDlIzg")](https://www.youtube-nocookie.com/embed/videoseries?list=PLOdXIcVPTyB_2IiS36upNkEw2fLhyb5D6)

## 🏠 [Homepage](https://github.com/jellydn/next-app-starter)

### ✨ [Demo](https://next-app-starter.vercel.app)

![screenshot](./screenshot.png)

## Pre-requirements

- [Bun — A fast all-in-one JavaScript runtime](https://bun.sh/)

- [Biome, toolchain of the web](https://biomejs.dev/)

## 💻 Stack

- [NextJS: the React Framework for Production](https://nextjs.org/docs)

- [Tailwindcss: rapidly build modern websites without ever leaving your HTML](https://tailwindcss.com/)

- [shadcn/ui: Beautifully designed components built with Radix UI and Tailwind CSS.](https://github.com/shadcn/ui)

- [Jotai: primitive and flexible state management for React.](https://docs.pmnd.rs/jotai/introduction)

- [Prisma: next-generation ORM for Node.js and TypeScrip](https://www.prisma.io/)

- [NextAuth.js: Authentication for Next.js](https://next-auth.js.org/v3/getting-started/introduction)

- [next-validations: NextJS API Validations, support Yup, Fastest-Validator, Joi, and more](https://next-validations.productsway.com/)

- [zod: TypeScript-first schema validation with static type inference](https://github.com/colinhacks/zod)

- [consola: Elegant Console Logger for Node.js and Browser 🐨](https://github.com/unjs/consola)

- [Storybook: build bulletproof UI components faster](https://storybook.js.org)

- [React-hook-form: performance, flexible and extensible forms with easy-to-use validation](https://www.react-hook-form.com/)

- [react-testing: simple and complete testing utilities that encourage good testing practices](https://testing-library.com/)

- [React-query: performant and powerful data synchronization for React](https://react-query.tanstack.com/)

## 📝 Project Summary

- [**app**](app): Main application logic and entry point.

- [**components**](components): Reusable UI components.

- [**pages**](pages): Individual pages/views of the application.

- [**prisma**](prisma): Database ORM and migration scripts.

- [**public**](public): Static assets accessible to the public.

- [**store**](store): State management for the application.

- [**tests**](tests): Unit and integration tests.

- [**types**](types): Custom TypeScript types and interfaces.

- [**storybook**](storybook): Component library and documentation.

- [**.github/workflows**](.github/workflows): CI/CD workflows for GitHub Actions.

## Install

```sh

bun install

```

## Usage

Create .env file base on .env.example then run below command

```sh

bun run dev

```

## Run tests

```sh

bun run test

```

## Run storybook

```sh

bun run storybook

```

## Pre-commit

This project uses [pre-commit](https://pre-commit.com/) to enforce code quality and consistency. To install pre-commit hooks, run:

```sh

pre-commit install

```

## 📄 License

This project is licensed under the **MIT License** - see the [**MIT License**](https://github.com/jellydn/next-app-starter/blob/main/LICENSE) file for details.

## Author

- Website: https://productsway.com/

- Twitter: [@jellydn](https://twitter.com/jellydn)

- Github: [@jellydn](https://github.com/jellydn)

## Start History 🌟

[![Star History Chart](https://api.star-history.com/svg?repos=jellydn/next-app-starter&type=Date)](https://star-history.com/#jellydn/next-app-starter)

## Show your support

[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/dunghd)

[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/dunghd)

[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/dunghd)

Give a ⭐️ if this project helped you!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    

      
_{Dung Duc Huynh (Kaka)}
💻 📖

      
_{Mike Hoang}
💻

      
_{Salman Sheriff}
💻

    

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!