A modern, production-ready template for building full-stack React applications using React Router.

• 🚀 Server-side rendering
• ⚡️ Hot Module Replacement (HMR)
• 📦 Asset bundling and optimization
• 🔄 Data loading and mutations
• 🔒 TypeScript by default
• 🎉 TailwindCSS for styling
• 📖 React Router docs

• Node v22 (LTS)
• npm

Install the dependencies:

npm install

Start the development server with HMR:

npm run dev

Your application will be available at http://localhost:5173.

• app/
  • api/ (API connection to backend)
    • endpoint/ (List of endpoint)
      • .client/ (Client-side only endpoints, only accessible from client-side)
      • .server/ (Server-side only endpoints, only accessible from server-side)
    • schema/ (schema of endpoint parsed by zod)
  • components/ (React components)
  • hooks/ (React custom hooks)
  • lib/ (Utility functions)
  • routes/ (React Router routes)
  • services/
    • auth/ (Authentication services)
    • sessions/ (Session Cookie Storage)
  • types/ (Type definitions)
  • **/.client/ (Only can access from client-side, code inside this folder will only be executed on client-side)
  • **/.server/ (Only can access from server-side, code inside this folder will only be executed on server-side)
  • **/*.client.ts (Only can access from client-side, code inside this file will only be executed on client-side)
  • **/*.server.ts (Only can access from server-side, code inside this file will only be executed on server-side)
    • Note: The **/*.client.ts and **/*.server.ts are special file naming conventions that React Router uses to separate client-side and server-side code.

Create a production build:

npm run build

• dokumentasi (swagger) dan api bisa diakses di https://api-dev.pycon.id/docs
• untuk mengakses api public. tinggal klik saja pada swagger
• untuk mengakses api private (gembok) buat akun terlebih dahulu
• detail cara membuat akun bisa dilihat di integrasi api
• Jika terdapat masalah dalam mengakses api backend bisa dengan membuat issue di repo github backend https://github.com/pyconid/pyconid25-be/issues atau melalui telegram bandungpy topic pyconid https://web.telegram.org/a/#-1001492883261_6340

untuk tata cara kontribusi bisa dilihat di CONTRIBUTING.md dan diharapkan kontributor memematuhi Code of Conduct yang berlaku.

To build and run using Docker:

docker build -t my-app .

# Run the container
docker run -p 3000:3000 my-app

The containerized application can be deployed to any platform that supports Docker, including:

• AWS ECS
• Google Cloud Run
• Azure Container Apps
• Digital Ocean App Platform
• Fly.io
• Railway

If you're familiar with deploying Node applications, the built-in app server is production-ready.

Make sure to deploy the output of npm run build

├── package.json
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
├── build/
│   ├── client/    # Static assets
│   └── server/    # Server-side code

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever CSS framework you prefer.

Built with ❤️ using React Router.