Built with ARCH Framework

Arch Framework

The "ARCH FRAMEWORK" is a modern web development stack made by TheIceJi focused on modularity, scalability, and full-stack typesafety. It consists of:

• TypeScript
• Next.js (App directory)
• Tailwind CSS
• tRPC
• Prisma
• MongoDB
• NextAuth.js
• AWS-S3

optionals

• Framer Motion
• Zustand
• Redis

Note!

• S3 was turned off by default for preventing errors while creating s3 client without env variables. You can turn on by removing comment in tRPC context backend/trpc/trpc.context.ts and caller backend/trpc/trpc.caller.ts
• Front-end pages are in src/app. global is for store, env, and config. All Back-end is at backend folder.

Get start

• Git clone this repo with git clone --recurse-submodules --remote-submodules https://github.com/Nexel-Lab/Arch-Framework
• Rename .env-example to .env
• Add required env MONGODB_URI (other env variables are optionals)
• Run pnpm install and pnpm pre:db
• Or yarn install and yarn yarn:pre:db
• Download VScode extension Todo Tree for easier to find what you need to update before deploying your app
• Start dev server with dev command (running on http://localhost:8080)
• Deploy production with pnpm deploy or yarn yarn:deploy command

What's next?

• 1.1 - Update app name in global/config/app.ts
• 1.2 - Update app SEO in global/config/meta/data.ts
• 1.3 - Update app contact in global/config/contacts.ts
• 2.1 - Setup global UI controllers in src/layouts/_controllers/controllers.tsx
• Optional 1: Update app environment after adding or removing packages/ modules in global/env.mjs
• Optional 2: add S3 to tRPC context