Start learning today - Demo
![Mongolian sign language dictionary](https://private-user-images.githubusercontent.com/25026241/249323910-8e1b33e1-4243-474f-8b36-8d82ffbc5f87.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2NzE5MTQsIm5iZiI6MTcyMzY3MTYxNCwicGF0aCI6Ii8yNTAyNjI0MS8yNDkzMjM5MTAtOGUxYjMzZTEtNDI0My00NzRmLThiMzYtOGQ4MmZmYmM1Zjg3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDIxNDAxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThlNDBmMDdmMjY1YzVkMzBlMWMwYjliMGFiNjg4ZjNkNmYyZmQ1NjY4ODU2ZTNjMTFlNzk4OTY2ODdlNDM4OTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.mtDvzxPJkRHaAQOg7OZ26ii5FWHaO4XEfyXFD94sT18)
![Mongolian sign language dictionary](https://private-user-images.githubusercontent.com/25026241/249323927-bd67e355-2d75-4752-bbd3-9fcba3d5e3ca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2NzE5MTQsIm5iZiI6MTcyMzY3MTYxNCwicGF0aCI6Ii8yNTAyNjI0MS8yNDkzMjM5MjctYmQ2N2UzNTUtMmQ3NS00NzUyLWJiZDMtOWZjYmEzZDVlM2NhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDIxNDAxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI3MDFkNTY0NTg1OWZmMmMzMTAyYTM0NDE2NmI0NjQ1Mzk3NDU2Mzc2MjY5NmIyYjM1OTJlMzQ4MDc4M2IwZWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NX8BCGnjdKyNPIbVa8BdlN_OT17KfsYGXN_RePxCYp8)
An open source sign language dictionary app build with Next.js 13 and Supabase, TailwindCSS, Shadcn-UI.
demo.mp4
![Screenshot 2023-06-29 at 10 02 39 PM](https://private-user-images.githubusercontent.com/25026241/249999788-6f30f98d-83b6-4bf4-a557-49edb98a8373.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2NzE5MTQsIm5iZiI6MTcyMzY3MTYxNCwicGF0aCI6Ii8yNTAyNjI0MS8yNDk5OTk3ODgtNmYzMGY5OGQtODNiNi00YmY0LWE1NTctNDllZGI5OGE4MzczLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDIxNDAxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzNDU2YWRmZjA2NWUwNTJiMzNhMTdlNzk1NmI5YWM2MzcxY2IxYjIxNjMyNTVmNjI1Mzk4ZTc3NzkzODI4OGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.FrrHVd0PTnMOO3bDllTPTkzmQ0J0owWCjoxCJkQZaio)
- Next.js – React framework for building performant apps with the best developer experience
- Supabase Auth – User Management system that works without any additional tools
- Vercel – Easily preview & deploy changes with git
- Supabase Database – Dedicated PostgreSQL database
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- Tailwind UI – Beautifully designed, expertly crafted components
- Shadcn UI – Beautifully designed components
- Headless UI - Completely unstyled, fully accessible UI components
- Framer Motion – Motion library for React to animate components with ease
- Lucide – Beautifully simple, pixel-perfect icons
- Heroicons - Beautiful hand-crafted SVG icons
react-hot-toast
- React NotificationsMiddleware
- Run code before a request is completedDynamic Routes
- Create routes from dynamic dataMetaData
- Improved SEO and web shareabilitygenerateMetadata
- Dynamic metadataImage Optimization
- Automatically serve correctly sized images for each devicenext/font
– Optimize custom fonts and remove external network requests for improved performanceImageResponse
– Generate dynamic Open Graph images at the edgereact-wrap-balancer
– Simple React component that makes titles more readable
- React Hook Form – Performant, flexible and extensible forms with easy-to-use validation.
- Zod - TypeScript-first schema validation with static type inference
- 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
- Shadcn Taxonomy – An open source application built using everything new in Next.js 13
- Shadcn UI - Accessible and customizable components
- Precedent - Building blocks for Next.js project
- Supabase Auth - Blog post: Authentication in Next.js with Supabase and Next 13
- Install dependencies using pnpm:
pnpm install
- Copy
.env.example
to.env.local
and update the variables.
cp .env.example .env.local
- Start the development server:
pnpm dev
- Tim (@timtbdev)