[Ajuda] Ambiente de Desenvolvimento e Prod

Turma,

Sou novo com NextJs e TypeScript...
então estou com uma dúvida:

usei um template de blog https://redania.vercel.app
ao usar ele localmente, mesmo com o npm run dev ou start (dev ou prod?) ambos é funcional como esperado. Fiz o deploy dentro do vercel,

Running build in Cleveland, USA (East) – cle1 Cloning github.com/codejota/repo-test (Branch: main, Commit: 8b751fa) Cloning completed: 815.257ms Restored build cache Running "vercel build" Vercel CLI 29.2.0 Running "install" command:npm install... up to date, audited 1297 packages in 3s 336 packages are looking for funding run npm fund` for details
found 0 vulnerabilities
Detected Next.js version: 12.2.2
Running "npm run build"

[email protected] build
next build && node ./scripts/generate-sitemap
info - Linting and checking validity of types...
info - Creating an optimized production build...
info - Compiled successfully
info - Collecting page data...
info - Generating static pages (0/30)
info - Generating static pages (7/30)
info - Generating static pages (14/30)
info - Generating static pages (22/30)
Warning: data for page "/blog/[...slug]" is 140 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance.
See more info here: https://nextjs.org/docs/messages/large-page-data
info - Generating static pages (30/30)
info - Finalizing page optimization...
Page Size First Load JS
┌ ● / 4.09 kB 107 kB
├ /_app 0 B 95 kB
├ ○ /404 1.82 kB 96.8 kB
├ ● /about (452 ms) 348 B 130 kB
├ λ /api/buttondown 0 B 95 kB
├ λ /api/convertkit 0 B 95 kB
├ λ /api/emailoctopus 0 B 95 kB
├ λ /api/hello 0 B 95 kB
├ λ /api/klaviyo 0 B 95 kB
├ λ /api/mailchimp 0 B 95 kB
├ λ /api/revue 0 B 95 kB
├ ● /blog 2.89 kB 106 kB
├ ● /blog/[...slug] (5857 ms) 539 B 130 kB
├ ├ /blog/deriving-ols-estimator (2401 ms)
├ ├ /blog/github-markdown-guide (1822 ms)
├ ├ /blog/code-sample (1406 ms)
├ ├ /blog/my-fancy-title
├ └ /blog/nested-route/introducing-multi-part-posts-with-nested-routing
├ ● /blog/page/[page] 2.89 kB 106 kB
├ ├ /blog/page/1
├ ├ /blog/page/2
├ ├ /blog/page/3
├ └ /blog/page/4
├ ○ /projects 1.58 kB 96.6 kB
├ ● /snippets 2.89 kB 106 kB
├ ● /snippets/[...slug] (406 ms) 541 B 130 kB
├ ├ /snippets/hover-underline-animation
├ ├ /snippets/how-to-cast-string-to-boolean
├ └ /snippets/using-env-with-typescript
├ ● /tags 5.41 kB 100 kB
└ ● /tags/[tag] (333 ms) 2.91 kB 106 kB
├ /tags/markdown
├ /tags/code
├ /tags/features
└ [+7 more paths]

• First Load JS shared by all 95 kB
  ├ chunks/framework-109a728694328ca8.js 43 kB
  ├ chunks/main-662d107b8410da62.js 39.3 kB
  ├ chunks/pages/_app-381e6254fd4082ce.js 11 kB
  ├ chunks/webpack-9ba4afe38cc42d54.js 1.66 kB
  └ css/19d27304bc423d31.css 16.2 kB
  λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps)
  ○ (Static) automatically rendered as static HTML (uses no initial props)
  ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps)
  Traced Next.js server files in: 593.151ms
  Created all serverless functions in: 5.419s
  Collected static files (public/, static/, .next/static): 20.704ms
  Build Completed in /vercel/output [39s]
  Deploying outputs...
  Deployment completed
  Uploading build cache [72.69 MB]...
  Build cache uploaded: 2.804s`

acima foi o retorno dentro do vercel, não vejo nenhum erro;

rodando localmente

https://prnt.sc/ANX8eT3WkvWf

em prod

https://prnt.sc/Z72QFwENfFmt

locamente o sistema de tema dark ou white mode funciona também, já no vercel não funciona, assim como alguns outros recursos.

com essas informações, alguém sabe me dizer o que posso fazer para replicar o que está rodando localmente, dentro da vercel? ou alguma outra ferramenta de deploy
Esse redania, é basicamente o mesmo que esse outro: https://dhanrajsp.me
mas esse funciona normalmente, mas o código não é publico.

Ps. se eu rodo no Codespace, ele também roda conforme esperado, funcionando tudo certinho, apenas quando jogo no Vercel acontece isso.

Br,