build(docker): add development and production Dockerfiles

.dockerignore

@@ -0,0 +1,2 @@
+# Node modules
+node_modules

Dockerfile.development

@@ -0,0 +1,16 @@
+FROM node:20-alpine
+
+WORKDIR /app
+
+COPY package.json yarn.lock ./
+
+RUN yarn install --frozen-lockfile
+
+COPY . .
+
+ENV PORT=5173
+ENV HOST=0.0.0.0
+
+EXPOSE 5173 
+
+CMD ["yarn", "run", "dev", "--host", "0.0.0.0"]

Dockerfile.production

@@ -0,0 +1,20 @@
+FROM node:20-alpine
+
+WORKDIR /app
+
+COPY package.json yarn.lock ./
+
+RUN yarn install --frozen-lockfile
+
+RUN yarn global add serve
+
+COPY . .
+
+RUN yarn build
+
+ENV PORT=5173
+ENV HOST=0.0.0.0
+
+EXPOSE 5173 
+
+CMD ["serve", "-s", "dist", "-l", "5173"]

README.md

@@ -83,6 +83,43 @@ Start the server
   yarn run dev
 ```
 
+### Using Docker
+
+You can run PhotoFlow using Docker in either development or production mode:
+
+#### Development Mode
+
+Build the development Docker image:
+
+```bash
+  docker build -f Dockerfile.development -t photoflow:dev .
+```
+
+Run the development container:
+
+```bash
+  docker run -p 5173:5173 photoflow:dev
+```
+
+This will start the development server with hot-reload enabled.
+
+#### Production Mode
+
+Build the production Docker image:
+
+```bash
+  docker build -f Dockerfile.production -t photoflow:prod .
+```
+
+Run the production container:
+
+```bash
+  docker run -p 5173:5173 photoflow:prod
+```
+
+This will serve the optimized production build using the serve package.
+
+You can access the application at `http://localhost:5173` in both modes.
 
 ## Personalize Data Generation 🧬
 Since this project uses Faker.js, you have control over the number of posts, stories, and comments rendered. To customize this data, navigate to the SampleGenerator class: