feat: modernize full stack — Next.js 14, React 18, TypeScript, remove Express

.babelrc

@@ -6,7 +6,6 @@
     ["styled-components", {
       "displayName": false,
       "ssr": true
-    }],
-    "transform-class-properties"
+    }]
   ]
 }

Dockerfile

@@ -12,7 +12,6 @@ WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 ENV NEXT_TELEMETRY_DISABLED=1
-ENV NODE_OPTIONS=--openssl-legacy-provider
 RUN yarn build
 
 FROM base AS runner
@@ -28,8 +27,6 @@ RUN addgroup --system --gid 1001 nodejs && \
 COPY --from=deps /app/node_modules ./node_modules
 COPY --from=builder /app/.next ./.next
 COPY --from=builder /app/public ./public
-COPY --from=builder /app/server.js ./server.js
-COPY --from=builder /app/config ./config
 COPY --from=builder /app/app ./app
 COPY --from=builder /app/lib ./lib
 COPY package.json ./
@@ -38,4 +35,4 @@ USER nextjs
 
 EXPOSE 3000
 
-CMD ["node", "server.js"]
+CMD ["node_modules/.bin/next", "start"]

app/__mocks__/redis.ts

@@ -0,0 +1,25 @@
+/* eslint-disable no-underscore-dangle */
+
+const store = new Map();
+
+const mockGet = jest.fn(async (key) => store.get(key) || null);
+const mockSet = jest.fn(async (key, value) => {
+  store.set(key, value);
+  return 'OK';
+});
+const mockConnect = jest.fn(async () => {});
+const mockOn = jest.fn();
+
+const createClient = jest.fn(() => ({
+  get: mockGet,
+  set: mockSet,
+  connect: mockConnect,
+  on: mockOn,
+}));
+
+module.exports = {
+  createClient,
+  _get: mockGet,
+  _set: mockSet,
+  _reset: () => store.clear(),
+};

app/cache.ts

@@ -0,0 +1,17 @@
+import { createClient } from 'redis';
+
+const client = createClient({ url: process.env.REDISCLOUD_URL });
+client.connect().catch(console.error);
+client.on('error', console.error);
+
+export const set = (key: string, value: unknown, ttl = 86400) =>
+  client.set(key, JSON.stringify(value), { EX: ttl });
+
+export const get = async <T = unknown>(key: string): Promise<T> => {
+  const value = await client.get(key);
+  if (value) {
+    return JSON.parse(value as string) as T;
+  }
+  // eslint-disable-next-line prefer-promise-reject-errors
+  return Promise.reject();
+};