chasingtheflow Posts - Answer Overflow

chasingtheflow

Explore posts from servers

•Created by chasingtheflow on 1/15/2025 in #support

How to set up a vite dev proxy with Start and Vinxi?

I am trying to figure out how to migrate a dev proxy for api requests in solidstart. I have a working config just for a normal solidjs app which looks like the following in vite.config.ts

import { defineConfig, loadEnv } from "vite";
import solidPlugin from "vite-plugin-solid";

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");

  return {
    plugins: [solidPlugin()],
    server: {
      port: 3000,
      proxy: {
        "/api": {
          target: env.SN_URL,
          changeOrigin: true,
          configure: (proxy, options) => {
            proxy.on("proxyReq", (proxyReq) => {
              const username = env.SN_UN;
              const password = env.SN_PW;
              const authString = Buffer.from(
                `${username}:${password}`,
              ).toString("base64");
              proxyReq.setHeader("Authorization", `Basic ${authString}`);
            });
          },
        },
      },
    },
    build: {
      target: "esnext",
    },
  };
});

import { defineConfig, loadEnv } from "vite";
import solidPlugin from "vite-plugin-solid";

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");

  return {
    plugins: [solidPlugin()],
    server: {
      port: 3000,
      proxy: {
        "/api": {
          target: env.SN_URL,
          changeOrigin: true,
          configure: (proxy, options) => {
            proxy.on("proxyReq", (proxyReq) => {
              const username = env.SN_UN;
              const password = env.SN_PW;
              const authString = Buffer.from(
                `${username}:${password}`,
              ).toString("base64");
              proxyReq.setHeader("Authorization", `Basic ${authString}`);
            });
          },
        },
      },
    },
    build: {
      target: "esnext",
    },
  };
});

and I'm trying to figure out how to modify the app.config.ts file provided by Start to do something similar. Right now my starter file looks like this:

import { defineConfig } from "@solidjs/start/config";

export default defineConfig({
  vite: {
    ssr: { external: ["drizzle-orm"] },
  },
});

import { defineConfig } from "@solidjs/start/config";

export default defineConfig({
  vite: {
    ssr: { external: ["drizzle-orm"] },
  },
});

4 replies

KPCKevin Powell - Community

•Created by chasingtheflow on 10/16/2024 in #front-end

Beyond CSS: Product Cards Project

In the HTML video for the Product Cards Project, Kevin lays out the html for the Product Cards at the top as well as the "Category Cards" (or link with image cards) at the bottom inside divs. I had attempted the CSS on my own before watching the video and I had chosen to use unordered lists for this. Is there a reason div's would be preferable here that I don't understand?

9 replies

Gaming

Programming