Building blocks for your Next based Application
Introduction · One-click Deploy · Tech Stack + Features · Author
Alpha, is based on Precedent, which is an opinionated collection of components, hooks, and utilities for your Next.js project. Alpha builds on that foundation by adding more features, components, and utilities to help you build your Next.js application faster.
You can deploy this template to Vercel with the button below:
You can also clone & create this repo locally with the following command:
npx create-next-app alpha --example "https://github.com/alkymst/alpha"
Then, install the dependencies with your package manager of choice:
npm i
yarn
pnpm i
- Next.js – React framework for building performant apps with the best developer experience
- Auth.js – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
- Prisma – Typescript-first ORM for Node.js
- Vercel – Easily preview & deploy changes with git
- Vercel Postgres – Serverless Postgres at the Edge
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- Radix – Primitives like modal, popover, etc. to build a stellar user experience
- 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 performanceImageResponse
– Generate dynamic Open Graph images at the edge
useIntersectionObserver
– React hook to observe when an element enters or leaves the viewportuseLocalStorage
– Persist data in the browser's local storageuseScroll
– React hook to observe scroll position (example)nFormatter
– Format numbers with suffixes like1.2k
or1.2M
capitalize
– Capitalize the first letter of a stringtruncate
– Truncate a string to a specified lengthuse-debounce
– Debounce a function call / state update
- TypeScript – Static type checker for end-to-end typesafety
- Prettier – Opinionated code formatter for consistent code style
- ESLint – Pluggable linter for Next.js and TypeScript
- Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way
- Nathan Smith (@alkymst)
Alpha is inspired by the following projects:
Precedent is an opinionated collection of components, hooks, and utilities for your Next.js project.
- Steven Tey (@steventey)