This is a Next.js project bootstrapped with
create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx . The page
auto-updates as you edit the file.
API routes can be accessed on
http://localhost:3000/api/hello. This
endpoint can be edited in pages/api/hello.ts .
The pages/api directory is mapped to /api/* . Files in this directory are
treated as API routes instead
of React pages.
This project uses
next/font to
automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Images should be forwarded through a NextJS API that validates that the user has the rights to view the image.- Since all the images are UUIDs, we can just prevent the user from being able to access the UUIDs with higher resolutions.
- There will be lots of API calls.
- Caching via SWR
- Using Mantine for components
- When customizing colors, use Omatsuri shades generator