NN
N
NNNN
TNNNN
NNNNN
NNN
K
. Did you have success in using ServerSideHelpers and have i18n, trpc and seo and the only drawback is bad dx? Would appreciate to know how it turned out for you
Y
I18nProviderI18nProviderconst hello = trpc.hello.useQuery({text: 'client'});
const t = useI18n();
if (!hello.data) {
return <div>Loading...</div>;
}
return (
<div>
<p>inside i18n provider</p>
<p>trpc: {hello.data.greeting}</p>
<p>i18n: {t('hello')}</p>
</div>
);// /src/pages/_app.tsx
import nextI18NextConfig from "../../next-i18next.config.js";
const prod = process.env.NODE_ENV === "production";
MyApp.getInitialProps = async ({ ctx: { locale } }) => {
return {
pageProps: {
...(await serverSideTranslations(
locale || nextI18NextConfig.i18n.defaultLocale,
["common"],
{ ...nextI18NextConfig, reloadOnPrerender: !prod }
)),
},
};
};
export default trpc.withTRPC(appWithTranslation(MyApp));// /next.config.mjs
import i18nConfig from "./next-i18next.config.js";
const nextConfig = {
i18n: i18nConfig.i18n,
webpack: (config, { isServer }) => {
// Fixes npm packages that depend on `fs` module
if (!isServer) {
config.resolve.fallback.fs = false;
}
return config;
},
};
export default nextConfig;