···1+# Welcome to Remix!
2+3+- 📖 [Remix docs](https://remix.run/docs)
4+5+## Development
6+7+Run the dev server:
8+9+```shellscript
10+npm run dev
11+```
12+13+## Deployment
14+15+First, build your app for production:
16+17+```sh
18+npm run build
19+```
20+21+Then run the app in production mode:
22+23+```sh
24+npm start
25+```
26+27+Now you'll need to pick a host to deploy it to.
28+29+### DIY
30+31+If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
32+33+Make sure to deploy the output of `npm run build`
34+35+- `build/server`
36+- `build/client`
37+38+## Styling
39+40+This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever css framework you prefer. See the [Vite docs on css](https://vitejs.dev/guide/features.html#css) for more information.
+18
app/entry.client.tsx
···000000000000000000
···1+/**
2+ * By default, Remix will handle hydrating your app on the client for you.
3+ * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
4+ * For more information, see https://remix.run/file-conventions/entry.client
5+ */
6+7+import { RemixBrowser } from "@remix-run/react";
8+import { startTransition, StrictMode } from "react";
9+import { hydrateRoot } from "react-dom/client";
10+11+startTransition(() => {
12+ hydrateRoot(
13+ document,
14+ <StrictMode>
15+ <RemixBrowser />
16+ </StrictMode>
17+ );
18+});