feat(docker): basic docker config for back and front with minor linter fixes

This commit is contained in:
2024-10-30 13:26:24 +01:00
parent 15fb5a3163
commit 024d06515e
6 changed files with 47 additions and 5 deletions

15
back/Dockerfile Normal file
View File

@@ -0,0 +1,15 @@
FROM node:21-slim
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "run", "serve"]

View File

@@ -1,6 +1,14 @@
version: "1.2"
services:
# front:
# build:
# context: ./front
# dockerfile: Dockerfile
# container_name: nextjs-app
# ports:
# - "3016:3016"
#
mysql:
image: mysql
restart: always

16
front/Dockerfile Normal file
View File

@@ -0,0 +1,16 @@
FROM node:21-slim
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 3016
# Start the NestJS application
CMD ["npm", "run", "start"]

View File

@@ -1,3 +1,4 @@
import { Suspense } from "react";
import { LogInWidget } from "../../components/log-in/log-in.widget";
import styles from "./log-in.module.scss";
@@ -5,8 +6,10 @@ type LogInWidgetsProps = {};
export const LogInView: React.FC<LogInWidgetsProps> = ({}) => {
return (
<div className={styles.container}>
<LogInWidget />
</div>
<Suspense>
<div className={styles.container}>
<LogInWidget />
</div>
</Suspense>
);
};

View File

@@ -10,7 +10,7 @@ export const NavbarHeader = (props: PropsWithChildren) => {
return (
<header className={styles.header}>
<Link href={"/"} className={styles.logo}>
<img src="/main-logo.svg" />
<img src="/main-logo.svg" alt="Main logo" />
<h1>Your brand</h1>
</Link>
<nav>{props.children}</nav>

View File

@@ -47,7 +47,7 @@ export function useQuery<DataType>({
setIsLoading(false);
}
})();
}, [url, JSON.stringify(options), timeout, session.status]);
}, [url, options, timeout, session.status]);
return { ...response, isLoading, isError };
}