Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

feat: implement server-side rendering for various admin pages and update backend URL configuration

Browse source
This commit is contained in:
Marco Pedone 2025-10-17 18:12:10 +02:00
parent 47d5a01275
commit bc1f114837
23 changed files with 305 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/infoalloggi/next.config.mjs
View file

@ -5,6 +5,8 @@
import { env } from "node:process";
const backendUrl = "http://localhost:1323";
/** @type {import("next").NextConfig} */
const nextConfig = {
compiler: {
@ -46,7 +48,7 @@ const nextConfig = {
protocol: "https",
},
{
hostname: `${env.BACKENDSERVER_URL}`,
hostname: backendUrl,
},
],
},
@ -59,11 +61,11 @@ const nextConfig = {
source: "/api/panel",
},
{
destination: `${env.BACKENDSERVER_URL}/images/get/:slug*`,
destination: `${backendUrl}/images/get/:slug*`,
source: "/go-api/images/get/:slug*",
},
{
destination: `${env.BACKENDSERVER_URL}/storage/get/:slug*`,
destination: `${backendUrl}/storage/get/:slug*`,
has: [
{ key: "access_token", type: "cookie" },
{
@ -76,7 +78,7 @@ const nextConfig = {
source: "/go-api/storage/get/:slug*",
},
{
destination: `${env.BACKENDSERVER_URL}/storage/upload:slug*`,
destination: `${backendUrl}/storage/upload:slug*`,
has: [
{ key: "access_token", type: "cookie" },
{

13
apps/infoalloggi/src/pages/area-riservata/admin/annunci.tsx
View file

@ -7,6 +7,7 @@ import { Status500 } from "~/components/status-page";
import { AnnunciTable } from "~/components/tables/annunci-tables";
import { Button } from "~/components/ui/button";
import type { NextPageWithLayout } from "~/pages/_app";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Admin_Annunci: NextPageWithLayout = () => {
@ -62,6 +63,18 @@ const Admin_Annunci: NextPageWithLayout = () => {
);
};
export async function getServerSideProps() {
const helpers = generateSSGHelper();
await helpers.annunci.getAnnunciList.prefetch();
return {
props: {
trpcState: helpers.dehydrate(),
},
};
}
export default Admin_Annunci;
Admin_Annunci.getLayout = function getLayout(page) {

12
apps/infoalloggi/src/pages/area-riservata/admin/banners.tsx
View file

@ -17,6 +17,7 @@ import {
import { FormBanners } from "~/forms/FormBanners";
import type { NextPageWithLayout } from "~/pages/_app";
import type { Banners } from "~/schemas/public/Banners";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminBanners: NextPageWithLayout = () => {
@ -83,6 +84,17 @@ const AdminBanners: NextPageWithLayout = () => {
);
};
export default AdminBanners;
export async function getServerSideProps() {
const helpers = generateSSGHelper();
await helpers.settings.getBannerAllData.prefetch();
return {
props: {
trpcState: helpers.dehydrate(),
},
};
}
AdminBanners.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;

19
apps/infoalloggi/src/pages/area-riservata/admin/blacklist.tsx
View file

@ -1,4 +1,5 @@
import { Plus, RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import toast from "react-hot-toast";
import { AreaRiservataLayout } from "~/components/Layout";
@ -17,6 +18,7 @@ import {
import { FormBanlist } from "~/forms/FormBanlist";
import type { NextPageWithLayout } from "~/pages/_app";
import type { Banlist } from "~/schemas/public/Banlist";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminBlacklist: NextPageWithLayout = () => {
@ -84,6 +86,23 @@ const AdminBlacklist: NextPageWithLayout = () => {
};
export default AdminBlacklist;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.banlist.getBanlist.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
AdminBlacklist.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

20
apps/infoalloggi/src/pages/area-riservata/admin/chats.tsx
View file

@ -1,3 +1,4 @@
import type { GetServerSideProps } from "next";
import Head from "next/head";
import { Sidebar } from "~/components/area-riservata/sidebar";
import { ChatSidebar } from "~/components/chat/chat-sidebar";
@ -7,6 +8,7 @@ import { Status500 } from "~/components/status-page";
import type { NextPageWithLayout } from "~/pages/_app";
import { useTranslation } from "~/providers/I18nProvider";
import { useSession } from "~/providers/SessionProvider";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminChats: NextPageWithLayout = () => {
@ -55,6 +57,24 @@ const AdminChats: NextPageWithLayout = () => {
};
export default AdminChats;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.chat.getActiveChats.prefetch();
await helpers.trpc.users.getActiveUsersWithoutChat.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
AdminChats.getLayout = function getLayout(page) {
return (
<div className="h-screen">

19
apps/infoalloggi/src/pages/area-riservata/admin/etichette.tsx
View file

@ -1,4 +1,5 @@
import { Plus, RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import toast from "react-hot-toast";
import { AreaRiservataLayout } from "~/components/Layout";
@ -17,6 +18,7 @@ import {
import { FormEtichette } from "~/forms/FormEtichette";
import type { NextPageWithLayout } from "~/pages/_app";
import type { Etichette } from "~/schemas/public/Etichette";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminEtichette: NextPageWithLayout = () => {
@ -84,6 +86,23 @@ const AdminEtichette: NextPageWithLayout = () => {
};
export default AdminEtichette;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.settings.getAllEtichette.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
AdminEtichette.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

19
apps/infoalloggi/src/pages/area-riservata/admin/flags.tsx
View file

@ -1,4 +1,5 @@
import { Plus, RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import toast from "react-hot-toast";
import { AreaRiservataLayout } from "~/components/Layout";
@ -15,6 +16,7 @@ import {
} from "~/components/ui/dialog";
import { FormFlags, type initialValues } from "~/forms/FormFlags";
import type { NextPageWithLayout } from "~/pages/_app";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminFlags: NextPageWithLayout = () => {
@ -82,6 +84,23 @@ const AdminFlags: NextPageWithLayout = () => {
};
export default AdminFlags;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.settings.GetFlags.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
AdminFlags.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

19
apps/infoalloggi/src/pages/area-riservata/admin/ordini.tsx
View file

@ -1,3 +1,4 @@
import type { GetServerSideProps } from "next";
import Head from "next/head";
import { AreaRiservataLayout } from "~/components/Layout";
import { LoadingPage } from "~/components/loading";
@ -5,6 +6,7 @@ import { Status500 } from "~/components/status-page";
import { OrdiniTable } from "~/components/tables/orders-table";
import type { NextPageWithLayout } from "~/pages/_app";
import { useTranslation } from "~/providers/I18nProvider";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Ordini: NextPageWithLayout = () => {
@ -36,6 +38,23 @@ const Ordini: NextPageWithLayout = () => {
};
export default Ordini;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.servizio.getOrdini.prefetch({});
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
Ordini.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

13
apps/infoalloggi/src/pages/area-riservata/admin/prezziario.tsx
View file

@ -20,6 +20,7 @@ import type {
Prezziario,
PrezziarioIdprezziario,
} from "~/schemas/public/Prezziario";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Admin_Prezziario: NextPageWithLayout = () => {
@ -72,6 +73,18 @@ const Admin_Prezziario: NextPageWithLayout = () => {
);
};
export async function getServerSideProps() {
const helpers = generateSSGHelper();
await helpers.prezziario.getPrezziario.prefetch();
return {
props: {
trpcState: helpers.dehydrate(),
},
};
}
export default Admin_Prezziario;
Admin_Prezziario.getLayout = function getLayout(page) {

19
apps/infoalloggi/src/pages/area-riservata/admin/storage.tsx
View file

@ -1,4 +1,5 @@
import { ChevronsUpDown, RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import toast from "react-hot-toast";
import { AreaRiservataLayout } from "~/components/Layout";
@ -42,6 +43,7 @@ import type {
StorageindexId,
} from "~/schemas/public/Storageindex";
import type { Users } from "~/schemas/public/Users";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminStorage: NextPageWithLayout = () => {
@ -91,6 +93,23 @@ const AdminStorage: NextPageWithLayout = () => {
</StorageTableProvider>
);
};
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.storage.getAll.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
export default AdminStorage;
const StorageTableHeader = ({

19
apps/infoalloggi/src/pages/area-riservata/admin/testi-stringhe.tsx
View file

@ -1,4 +1,5 @@
import { Plus, RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import toast from "react-hot-toast";
import { AreaRiservataLayout } from "~/components/Layout";
@ -17,6 +18,7 @@ import {
import { FormStringhe } from "~/forms/FormStringhe";
import type { NextPageWithLayout } from "~/pages/_app";
import type { TestiEStringhe } from "~/schemas/public/TestiEStringhe";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const AdminTestiStringhe: NextPageWithLayout = () => {
@ -82,6 +84,23 @@ const AdminTestiStringhe: NextPageWithLayout = () => {
</div>
);
};
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.settings.getStringhe.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
export default AdminTestiStringhe;
AdminTestiStringhe.getLayout = function getLayout(page) {

19
apps/infoalloggi/src/pages/area-riservata/admin/utenti.tsx
View file

@ -1,4 +1,5 @@
import { RefreshCcw } from "lucide-react";
import type { GetServerSideProps } from "next";
import { useState } from "react";
import { AreaRiservataLayout } from "~/components/Layout";
import { LoadingPage } from "~/components/loading";
@ -16,6 +17,7 @@ import {
import { FormNewUser } from "~/forms/FormNewUser";
import type { NextPageWithLayout } from "~/pages/_app";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
@ -56,6 +58,23 @@ const Admin_Utenti: NextPageWithLayout = () => {
export default Admin_Utenti;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.users.getUsersWChatInfo.prefetch();
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
Admin_Utenti.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

6
apps/infoalloggi/src/pages/area-riservata/allegati.tsx
View file

@ -24,6 +24,12 @@ const Allegati: NextPageWithLayout = () => {
};
export default Allegati;
export async function getServerSideProps() {
return {
props: {},
};
}
Allegati.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

5
apps/infoalloggi/src/pages/area-riservata/comunicazioni.tsx
View file

@ -27,6 +27,11 @@ const Comunicazioni: NextPageWithLayout = () => {
);
};
export default Comunicazioni;
export async function getServerSideProps() {
return {
props: {},
};
}
Comunicazioni.getLayout = function getLayout(page) {
return <AreaRiservataLayout noFooter>{page}</AreaRiservataLayout>;

6
apps/infoalloggi/src/pages/area-riservata/dashboard.tsx
View file

@ -30,6 +30,12 @@ const Dashboard: NextPageWithLayout = () => {
export default Dashboard;
export async function getServerSideProps() {
return {
props: {},
};
}
Dashboard.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

19
apps/infoalloggi/src/pages/area-riservata/ordini.tsx
View file

@ -1,3 +1,4 @@
import type { GetServerSideProps } from "next";
import Head from "next/head";
import { AreaRiservataLayout } from "~/components/Layout";
import { LoadingPage } from "~/components/loading";
@ -7,6 +8,7 @@ import type { NextPageWithLayout } from "~/pages/_app";
import { useTranslation } from "~/providers/I18nProvider";
import { useEnforcedSession } from "~/providers/SessionProvider";
import type { UsersId } from "~/schemas/public/Users";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Ordini: NextPageWithLayout = () => {
@ -24,6 +26,23 @@ const Ordini: NextPageWithLayout = () => {
};
export default Ordini;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.servizio.getOrdini.prefetch({});
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
const SessionWrapper = ({ userId }: { userId: UsersId }) => {
const { data, isLoading } = api.servizio.getOrdini.useQuery({
userId,

19
apps/infoalloggi/src/pages/area-riservata/profilo.tsx
View file

@ -1,3 +1,4 @@
import type { GetServerSideProps } from "next";
import Head from "next/head";
import { AreaRiservataLayout } from "~/components/Layout";
import { LoadingPage } from "~/components/loading";
@ -17,6 +18,7 @@ import { ProfileFormAnagrafica } from "~/forms/FormProfilo_Anagrafica";
import type { NextPageWithLayout } from "~/pages/_app";
import { useTranslation } from "~/providers/I18nProvider";
import { useEnforcedSession } from "~/providers/SessionProvider";
import { TrpcAuthedFetchingIstance } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Dashboard: NextPageWithLayout = () => {
@ -114,6 +116,23 @@ const Dashboard: NextPageWithLayout = () => {
};
export default Dashboard;
export const getServerSideProps = (async (context) => {
const access_token = context.req.cookies.access_token;
const helpers = await TrpcAuthedFetchingIstance({ access_token });
if (helpers) {
await helpers.trpc.users.getClientProfilo.prefetch({ id: undefined });
return {
props: {
trpcState: helpers.trpc.dehydrate(),
},
};
}
return {
props: {},
};
}) satisfies GetServerSideProps;
Dashboard.getLayout = function getLayout(page) {
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
};

5
apps/infoalloggi/src/pages/auth/new-password-reset.tsx
View file

@ -20,4 +20,9 @@ const NewPasswordResetPage: NextPage = () => {
</>
);
};
export async function getServerSideProps() {
return {
props: {},
};
}
export default NewPasswordResetPage;

11
apps/infoalloggi/src/pages/prezzi.tsx
View file

@ -11,6 +11,7 @@ import { Status500 } from "~/components/status-page";
import { Separator } from "~/components/ui/separator";
import { useTranslation } from "~/providers/I18nProvider";
import TipologiaPosizioneEnum from "~/schemas/public/TipologiaPosizioneEnum";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Prezzi: NextPage = () => {
@ -191,4 +192,14 @@ const Prezzi: NextPage = () => {
</>
);
};
export async function getServerSideProps() {
const helper = generateSSGHelper();
await helper.prezziario.getPrezziPerTipologiaAll.fetch();
return {
props: {
trpcState: helper.dehydrate(),
},
};
}
export default Prezzi;

18
apps/infoalloggi/src/pages/privacy-policy.tsx
View file

@ -1,7 +1,8 @@
import type { NextPage } from "next";
import type { GetServerSideProps, NextPage } from "next";
import Head from "next/head";
import { useTranslation } from "~/providers/I18nProvider";
import type { TestiEStringheStingaId } from "~/schemas/public/TestiEStringhe";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const PrivacyPolicy: NextPage = () => {
@ -31,4 +32,19 @@ const PrivacyPolicy: NextPage = () => {
);
};
export const getServerSideProps = (async (context) => {
const locale = context.locale || "it";
const key = locale === "en" ? "PRIVACY_POLICY_ENG" : "PRIVACY_POLICY";
const helpers = generateSSGHelper();
await helpers.settings.getStringa.prefetch({
stringaId: key as TestiEStringheStingaId,
});
return {
props: {
trpcState: helpers.dehydrate(),
},
};
}) satisfies GetServerSideProps;
export default PrivacyPolicy;

18
apps/infoalloggi/src/pages/termini-condizioni.tsx
View file

@ -1,7 +1,8 @@
import type { NextPage } from "next";
import type { GetServerSideProps, NextPage } from "next";
import Head from "next/head";
import { useTranslation } from "~/providers/I18nProvider";
import type { TestiEStringheStingaId } from "~/schemas/public/TestiEStringhe";
import { generateSSGHelper } from "~/server/utils/ssgHelper";
import { api } from "~/utils/api";
const Termini_Condizioni: NextPage = () => {
@ -30,4 +31,19 @@ const Termini_Condizioni: NextPage = () => {
</>
);
};
export const getServerSideProps = (async (context) => {
const locale = context.locale || "it";
const key = locale === "en" ? "TERMINI_CONDIZIONI_ENG" : "TERMINI_CONDIZIONI";
const helpers = generateSSGHelper();
await helpers.settings.getStringa.prefetch({
stringaId: key as TestiEStringheStingaId,
});
return {
props: {
trpcState: helpers.dehydrate(),
},
};
}) satisfies GetServerSideProps;
export default Termini_Condizioni;

2
apps/infoalloggi/src/server/api/root.ts
View file

@ -21,6 +21,8 @@ import { usersRouter } from "~/server/api/routers/users";
import { createTRPCRouter } from "~/server/api/trpc";
import { syncRouter } from "./routers/sync";
//import { lazy } from '@trpc/server';
export const appRouter = createTRPCRouter({
annunci: annunciRouter,
auth: authRouter,

3
apps/infoalloggi/src/server/api/routers/users.ts
View file

@ -4,7 +4,6 @@ import {
adminProcedure,
createTRPCRouter,
protectedProcedure,
publicProcedure,
} from "~/server/api/trpc";
import {
blockUserHandler,
@ -93,7 +92,7 @@ export const usersRouter = createTRPCRouter({
return query;
}),
getUsersWChatInfo: publicProcedure.query(async () => {
getUsersWChatInfo: adminProcedure.query(async () => {
return await getUsersWithChatInfoHandler({ db });
}),
});