Gomitrack

Track Garbage Schedule

Note: As of 2023, the garbage schedule is unfortunately now out of date...

About

This is a React Router 7 application for tracking garbage collection schedules. Built using the React Router 7 template with Cloudflare Pages deployment.

Tech Stack

This application is built with:

• React Router 7
• Cloudflare Pages Functions deployment using wrangler.toml
• React 19
• Auto import plugin with React imports set up
• Tailwind CSS

Adding Node-targeted modules

If you need to use a module that is targeted for Node, try adding nodejs_compat to the wrangler.json:

{
  "compatibility_flags": ["nodejs_compat"]
}

And add the module to the SSR externals list in vite.config.ts:

    ssr: {
      external: [
        'node:async_hooks',
+       'nodemailer',
      ],
    },

Development

Run the dev server:

pnpm dev

To run Wrangler:

pnpm build
pnpm start

Deployment

Warning

Cloudflare does not use wrangler.toml to configure deployment bindings. You MUST configure deployment bindings manually in the Cloudflare dashboard.

First, build your app for production:

pnpm build

Then, deploy your app to Cloudflare Pages:

pnpm run deploy

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.