1 reply

T3 Env: Unconventional Setup: SvelteKit + Payload CMS

Turborepo
1. Frontend: SvelteKit - Node Adapter > build artifact in backend folder
2. Backend: Payload CMS v3 - Next.js Custom Express Server ->

/admin

/admin

route handled by Next.js, all other routes handled by

handler.js

handler.js

build artifact by SvelteKit.

Running backend dev (Next.js) admin - no ENV issues. It has its own

.env

.env

on its root.

Frontend running

dev

dev

- Importing my

payload.config.ts

payload.config.ts

from backend to SvelteKit to make local API calls gives

Required

Required

issue on all ENV variables. Meaning it isn't detecting any ENV variables.

I have a

.env

.env

file in root of SvelteKit.

console.log()

console.log()

env variables and they show up.

SvelteKit file that reaches outside of its project folder to get

payload.config.ts

payload.config.ts

from backend. The

payload.config.ts

payload.config.ts

references the

env.MY_VARIABLE

env.MY_VARIABLE

import { type BasePayload, getPayload } from 'payload';
import config from '../../../backend/src/payload.config'

let payloadInstance: BasePayload;

export async function initializePayload() {
  payloadInstance = await getPayload({ config })
}

import { type BasePayload, getPayload } from 'payload';
import config from '../../../backend/src/payload.config'

let payloadInstance: BasePayload;

export async function initializePayload() {
  payloadInstance = await getPayload({ config })
}

createEnv

createEnv

is at

backend/src/env.ts

backend/src/env.ts

How do I get

@t3-oss/env-core

@t3-oss/env-core

to find env files like this?

@t3-oss/env-core

@t3-oss/env-core

is only installed on

backend

backend

.

Do I need it in frontend (SvelteKit) as well? Just tried this, didn't work...

TTC

Theo's Typesafe Cult•17mo ago•

1 reply

Acro

T3 Env: Unconventional Setup: SvelteKit + Payload CMS

Turborepo
1. Frontend: SvelteKit - Node Adapter > build artifact in backend folder
2. Backend: Payload CMS v3 - Next.js Custom Express Server ->

/admin

/admin

route handled by Next.js, all other routes handled by

handler.js

handler.js

build artifact by SvelteKit.

Running backend dev (Next.js) admin - no ENV issues. It has its own

.env

.env

on its root.

Frontend running

dev

dev

- Importing my

payload.config.ts

payload.config.ts

from backend to SvelteKit to make local API calls gives

Required

Required

issue on all ENV variables. Meaning it isn't detecting any ENV variables.

I have a

.env

.env

file in root of SvelteKit.

console.log()

console.log()

env variables and they show up.

SvelteKit file that reaches outside of its project folder to get

payload.config.ts

payload.config.ts

from backend. The

payload.config.ts

payload.config.ts

references the

env.MY_VARIABLE

env.MY_VARIABLE

import { type BasePayload, getPayload } from 'payload';
import config from '../../../backend/src/payload.config'

let payloadInstance: BasePayload;

export async function initializePayload() {
  payloadInstance = await getPayload({ config })
}

import { type BasePayload, getPayload } from 'payload';
import config from '../../../backend/src/payload.config'

let payloadInstance: BasePayload;

export async function initializePayload() {
  payloadInstance = await getPayload({ config })
}

createEnv

createEnv

is at

backend/src/env.ts

backend/src/env.ts

How do I get

@t3-oss/env-core

@t3-oss/env-core

to find env files like this?

@t3-oss/env-core

@t3-oss/env-core

is only installed on

backend

backend

.

Do I need it in frontend (SvelteKit) as well? Just tried this, didn't work...

T3 Env: Unconventional Setup: SvelteKit + Payload CMS

Similar Threads

T3 Env: Unconventional Setup: SvelteKit + Payload CMS

Similar Threads

Similar Threads

Similar Threads