https://github.com/nirnejak/nextjs-typescript-starter
Next.js TypeScript & Tailwind Starter
https://github.com/nirnejak/nextjs-typescript-starter
framer-motion nextjs nextjs-boilerplate nextjs-template nextjs-typescript react react-query tailwind tailwindcss typescript
Last synced: 9 months ago
JSON representation
Next.js TypeScript & Tailwind Starter
- Host: GitHub
- URL: https://github.com/nirnejak/nextjs-typescript-starter
- Owner: nirnejak
- License: mit
- Created: 2022-03-22T16:08:17.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-07T06:51:53.000Z (9 months ago)
- Last Synced: 2025-03-07T07:31:59.401Z (9 months ago)
- Topics: framer-motion, nextjs, nextjs-boilerplate, nextjs-template, nextjs-typescript, react, react-query, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://nextjs-typescript-starter-two.vercel.app
- Size: 1.95 MB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Next.js TypeScript Starter
---
## Included
- `not found page` page to handle 404 routes
- `config.ts` container site information to be used for seo and schema.org data
- `seo.ts` util to generate SEO metadata and schema.org
- `manifest.json` for site info
- `classnames` util for easily managing classes
- `components/atoms/Button.tsx` a button component with variants
- `hooks/useClickOutside` hook to check if user clicked outside the element
- `hooks/useModal` hook to create modals, which can close with esc
## Additional Packages Used
- next-view-transitions - for page smooth transitions
- Tailwind CSS - for styling(with typography plugin)
- Framer Motion - for animations
- Akar Icons - library for rounded icons
- Sonner - for toast messages
- use-sound - for using sounds
- Class Variance Authority - for type-safely managing class names
## Available Scripts
**Install Dependencies**
```bash
bun install
```
**Setup Pre-commit**
```bash
bun run prepare
```
**Start Development Server**
```bash
bun run dev
```
**Lint all the files**
```bash
bun run lint
```
**Format all files with Prettier**
```bash
bun run format
```
**Check TypeScript issues**
```bash
bun run type-check
```
**Build for Production**
```bash
bun run build
```
**Start Production Server**
```bash
bun start
```
---