feat: create the example

Author: YannBirba

.gitignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

README.md

@@ -0,0 +1,59 @@
+# vite-plugin-ssr with Tanstack react query
+
+This is a demo of how to use [vite-plugin-ssr](https://vite-plugin-ssr.com/) with [react-query](https://tanstack.com/query/latest/).
+
+This is a very simple example just to show the integration between the two libraries.
+
+## How to use
+
+### Install dependencies
+
+I used [pnpm](https://pnpm.io/) to install the dependencies, but you can use npm or yarn as well.
+
+```bash
+pnpm install
+```
+
+or
+
+```bash
+yarn install
+```
+
+or
+
+```bash
+npm install
+```
+
+### Run dev server
+
+Use the "dev" script from package.json, be sure to have the 3000 port available.
+
+### Build
+
+Use the "build" script from package.json, the build will be in the "dist" folder.
+By default this example is using prerendering, you can change this in the "vite.config.js" file.
+
+### Run
+
+Use the "server:prod" to run the server in production mode. or use the "prod" script to build and run the server.
+
+## How it works
+
+The main idea is to use the "react-query" library to prefetch the data on the server side and then hydrate the client with the same data.
+
+On the client we can reuse the same data to avoid fetching it again and then we are free to use the library to mutate or refetch the data as we want.
+
+## Features
+
+- React Query
+- Prerendering by default (can be disabled in vite.config.js)
+- Server Side Rendering is possible as well
+- TypeScript
+- Client routing provided by [vite-plugin-ssr](https://vite-plugin-ssr.com/)
+- Client refetching example with react-query
+
+## Contributing
+
+Pull requests and issues are welcome 😊!

package.json

@@ -0,0 +1,30 @@
+{
+  "scripts": {
+    "dev": "npm run server",
+    "prod": "npm run build && npm run server:prod",
+    "build": "vite build",
+    "server": "ts-node ./server/index.ts",
+    "server:prod": "cross-env NODE_ENV=production ts-node ./server/index.ts"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^4.29.1",
+    "@tanstack/react-query-devtools": "^4.29.1",
+    "@types/compression": "^1.7.2",
+    "@types/express": "^4.17.14",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
+    "@vitejs/plugin-react": "^3.0.0",
+    "compression": "^1.7.4",
+    "cross-env": "^7.0.3",
+    "express": "^4.18.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sirv": "^2.0.2",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.3",
+    "vite-plugin-ssr": "^0.4.112"
+  },
+  "type": "module"
+}