Team Tree App is a small fullstack Next.js Vercel-hosted application aimed for editing hierarchical data with a nice pack of basic features, could serve as a starting point for a following Next.js project.
At the moment, the data model is limited to working with only one string field, but it can be easily expanded.
The application was created by order of my friends, who needed quick access to hierarchical data in their work process.
Key Features:
- Next.js is used as an application framework.
- TailwindCSS based UI, with a minimal amount of SCSS code.
- Authorization implemented with next-auth library (it supports oath logins with GitHub, Google or Yandex accounts).
- Internationalization via next-intl library.
- Color theme supports (with Tailwind).
- Database ORM by Prisma.
- Various supported databases providers: sqlite for a local development, postgresql for a production mode (it’s forcibly switching to postgresql in a production deployment, via a custom script
prisma-switch.mjs– as prisma doesn’t support various database sources, we have to change them manually). - Vercel platform integration: CI/CD and hosting.
- An ability to run on a local IIS server (with a IIS launcher script
iisnode-nextjs-entry.js). (Some notes on IIS and NodeJS on Windows.) - «Local mode»: Using the boolean environment variable
USER_REQUIRED, the application could be switched to a loose local mode when an unauthorized user is allowed to edit «shared» (not belonging to any users) data. Otherwise (for a production mode) any data operations for unathorized users are restricted.
Illustrations by freeicons.io.
Screenshots
Links
Deployed application: https://team-tree-app.vercel.app
Github repository: https://github.com/lilliputten/team-tree-app