feat: dockerize examples. react and nextjs working

examples/vue/Dockerfile

@@ -0,0 +1,20 @@
+# pull official base image
+FROM node:16-alpine
+
+# set working directory
+WORKDIR /app
+
+# add `/app/node_modules/.bin` to $PATH
+ENV PATH /app/node_modules/.bin:$PATH
+
+# install app dependencies
+COPY package.json ./
+COPY package-lock.json ./
+RUN npm install
+RUN npm install react-scripts@3.4.1 -g --silent
+
+# add app
+COPY . ./
+
+# start app
+CMD ["npm", "start"]

examples/vue/README.md

@@ -18,4 +18,4 @@ In the `.env` file set up the correct environment variables:
 
 ### Run development server
 
-Run `npm install` to install dependencies, then run `npm run start` for a development server. Navigate to `http://localhost:3000/`. The application will automatically reload if you change any of the source files.
+Run `npm install` to install dependencies, then run `npm run start` for a development server. Navigate to `http://localhost:8888/`. The application will automatically reload if you change any of the source files.

examples/vue/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue",
   "scripts": {
-    "start": "vite --port 3000"
+    "start": "vite --port 8888"
   },
   "dependencies": {
     "@teamhanko/hanko-elements": "^0.0.7-alpha",