This is a Next.js project to create a web application template for Viet Vibe Foundation (VVF) non-profit organization.
-
Run the development server:
npm install --global yarn yarn install --immutable yarn dev
-
Local Development:
Open http://localhost:3000 in your browser to see the template home page. You can start editing the page by modifying
app/page.tsx
. The page auto-updates as you edit the file.Some important tips:
-
Remember to add all the environment variables in this document (only accessible to officers who have VVF gmail account)
-
When you add/modify any packages in package.json, please update yarn.lock by running:
yarn install --mode=update-lockfile
For the database, run (ensure DATABASE_URL is in .env):
npx prisma studio
-
-
Deployment:
This project uses AWS Amplify and Vercel to host the production and dev branches:
In addition, the branch is integrated with Vercel and Amplify bot to build every PR's preview automatically:
This template is written in Next.js 15 using the Next.js App Router.
To learn more about Next.js, see:
- Next.js documentation: Learn about Next.js features and APIs.
- Learn Next.js: An interactive Next.js tutorial.
Additionally, this template uses the following libraries and features: