theo/werkzeugkiste
1
0
Fork 0
mirror of https://github.com/theoleuthardt/werkzeugkiste.git synced 2026-06-13 01:27:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #27 from theoleuthardt/fix/deployment

Browse source 
fix: usage of .env variables in frontend and backend
This commit is contained in:
Theo Leuthardt 2025-02-24 17:18:11 +01:00 • committed by GitHub
commit b5bd333a92
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 22 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

7
backend/server.ts
View file

@ -10,6 +10,10 @@ import { generateQRCode } from "./src/routes/generateqrcode.route";
import { wordCounter } from "./src/routes/wordcounter.route";
import { videoToAudio } from "./src/routes/videotoaudio.route";
import { removeBG } from "./src/routes/removebg.route";
import dotenv from "dotenv";
import path from "node:path";
dotenv.config({ path: path.resolve(__dirname, "../.env") });
const app = Fastify({ logger: true });
@ -30,7 +34,8 @@ app.register(wordCounter);
app.register(videoToAudio);
app.register(removeBG);
const PORT = process.env.PORT || 4000;
console.log("Starting Fastify server...");
const PORT = process.env.BACKEND_PORT;
app.listen({ port: Number(PORT), host: "0.0.0.0" }, () => {
console.log(`🚀Fastify is live on http://localhost:${PORT}`);
});

2
frontend/next.config.ts
View file

@ -6,7 +6,7 @@ dotenv.config({ path: "../.env" });
const nextConfig: NextConfig = {
output: "standalone",
env: {
backend_url: process.env.NEXT_PUBLIC_BACKEND_URL,
NEXT_PUBLIC_BACKEND_URL: process.env.NEXT_PUBLIC_BACKEND_URL,
},
};

11
frontend/src/app/bg-remover/page.tsx
View file

@ -32,10 +32,13 @@ export default function BGRemover() {
setLoading(true);
try {
const response = await fetch(process.env.backend_url + "/api/remove-bg", {
method: "POST",
body: formData,
});
const response = await fetch(
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/remove-bg",
{
method: "POST",
body: formData,
},
);
if (!response.ok) {
console.error(`Error: ${response.statusText}`);

2
frontend/src/app/doc-converter/page.tsx
View file

@ -57,7 +57,7 @@ export default function DocConverter() {
try {
const response = await fetch(
process.env.backend_url + "/api/libre-convert",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/libre-convert",
{
method: "POST",
body: formData,

2
frontend/src/app/password-generator/page.tsx
View file

@ -24,7 +24,7 @@ export default function PasswordGenerator() {
try {
const response = await fetch(
process.env.backend_url + "/api/password-generate",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/password-generate",
{
method: "POST",
headers: {

2
frontend/src/app/qr-code-generator/page.tsx
View file

@ -26,7 +26,7 @@ export default function QrCodeGenerator() {
try {
const response = await fetch(
process.env.backend_url + "/api/generate-qrcode",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/generate-qrcode",
{
method: "POST",
headers: {

2
frontend/src/app/regex-tester/page.tsx
View file

@ -17,7 +17,7 @@ export default function RegexTester() {
try {
const response = await fetch(
process.env.backend_url + "/api/regex-test",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/regex-test",
{
method: "POST",
headers: {

2
frontend/src/app/rgb-to-hex/page.tsx
View file

@ -18,7 +18,7 @@ export default function RgbToHex() {
try {
const response = await fetch(
process.env.backend_url + "/api/color-convert",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/color-convert",
{
method: "POST",
headers: {

2
frontend/src/app/tmz-converter/page.tsx
View file

@ -19,7 +19,7 @@ export default function TMZConverter() {
try {
const response = await fetch(
process.env.backend_url + "/api/tmz-convert",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/tmz-convert",
{
method: "POST",
headers: {

2
frontend/src/app/video-to-audio/page.tsx
View file

@ -57,7 +57,7 @@ export default function DocConverter() {
try {
const response = await fetch(
process.env.backend_url + "/api/video-to-audio",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/video-to-audio",
{
method: "POST",
body: formData,

2
frontend/src/app/word-counter/page.tsx
View file

@ -16,7 +16,7 @@ export default function WordCounter() {
try {
const response = await fetch(
process.env.backend_url + "/api/word-counter",
process.env.NEXT_PUBLIC_BACKEND_URL + "/api/word-counter",
{
method: "POST",
headers: {