vignesh-gupta / zero-path

A Frontend started template for developers, who are abit familiar with Next and want to work with latest tools & technologies

Zero Path

Intro

Zero-Path is a Next.js starter kit template of opinionated libraries , hooks & utilities

Zero-path.mp4

Try it out!

You can also clone & create this repo locally with the following command:

npx create-next-app zero-path --example "https://github.com/vignesh-gupta/zero-path"

Then, install the dependencies with your package manager of choice:

npm i
yarn
pnpm i

Tech Stack + Features

Frameworks

• Next.js – React framework for building performant apps with the best developer experience
• Clerk: A JavaScript library for user management and authentication.
• Prisma – Typescript-first ORM for Node.js

Platforms

• Vercel – Easily preview & deploy changes with git

UI

• Tailwind CSS – Utility-first CSS framework for rapid UI development
• Shadcn UI - A Component library to copy and paste component built on top of Tailwind + Radix.
• Framer Motion – Motion library for React to animate components with ease
• Lucide – Beautifully simple, pixel-perfect icons
• next/font – Optimize custom fonts and remove external network requests for improved performance

Hooks and Utilities

• useLocalStorage – Persist data in the browser's local storage
• nFormatter – Format numbers with suffixes like 1.2k or 1.2M
• useDebounce – Debounce a function call / state update
• useFetch - Fetch data from any endpoints and manage data, loading & error state

Code Quality

• TypeScript – Static type checker for end-to-end typesafety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js & TypeScript

Author

• Vignesh Gupta (@VighneshGupta9)

Thank you!

Hope it is useful. Please do ⭐ the repo. Happy coding!