Dev Comments - Answer Overflow

Dev

Explore posts from servers

CDCloudflare Developers KKinde

Posts Comments

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

ohh, got it, i'll check it out, thanks

17 replies

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

these ones : "@cloudflare/next-on-pages": "1", "@cloudflare/workers-types": "^4.20250109.0", ?? and no, i only have one wrangler.toml file

17 replies

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

how do i do that? i followed a tutorial on integrating hono in nextjs >src/app/api/[...route]/route.ts

import { Hono } from "hono";
import { handle } from "hono/vercel";
import hello from "./hello";
import chat from "./chat";
import textContext from "./context/text";

export const runtime = "edge";

const app = new Hono().basePath("/api");

const routes = app
    .route("/hello", hello)
    .route("/chat", chat)
    .route("/context/text", textContext);

export const GET = handle(app);
export const POST = handle(app);

export type AppType = typeof routes;

import { Hono } from "hono";
import { handle } from "hono/vercel";
import hello from "./hello";
import chat from "./chat";
import textContext from "./context/text";

export const runtime = "edge";

const app = new Hono().basePath("/api");

const routes = app
    .route("/hello", hello)
    .route("/chat", chat)
    .route("/context/text", textContext);

export const GET = handle(app);
export const POST = handle(app);

export type AppType = typeof routes;

>src/lib/hono-client.ts

import { hc } from "hono/client";
import { AppType } from "@/app/api/[...route]/route";
import { env } from "@/env";

export const client = hc<AppType>(env.NEXT_PUBLIC_BASE_URL!);

import { hc } from "hono/client";
import { AppType } from "@/app/api/[...route]/route";
import { env } from "@/env";

export const client = hc<AppType>(env.NEXT_PUBLIC_BASE_URL!);

17 replies

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

>next.config.ts

import type { NextConfig } from "next";
import { setupDevPlatform } from "@cloudflare/next-on-pages/next-dev";
import { fileURLToPath } from "node:url";
import createJiti from "jiti";

const jiti = createJiti(fileURLToPath(import.meta.url));
jiti("./src/env.ts");

const nextConfig: NextConfig = {
    experimental: {
        serverActions: {
            bodySizeLimit: "2mb",
        },
    },
};

if (process.env.NODE_ENV === "development") {
    (async () => {
        await setupDevPlatform({
            persist: true,
        });
    })();
}

export default nextConfig;

import type { NextConfig } from "next";
import { setupDevPlatform } from "@cloudflare/next-on-pages/next-dev";
import { fileURLToPath } from "node:url";
import createJiti from "jiti";

const jiti = createJiti(fileURLToPath(import.meta.url));
jiti("./src/env.ts");

const nextConfig: NextConfig = {
    experimental: {
        serverActions: {
            bodySizeLimit: "2mb",
        },
    },
};

if (process.env.NODE_ENV === "development") {
    (async () => {
        await setupDevPlatform({
            persist: true,
        });
    })();
}

export default nextConfig;

17 replies

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

 "devDependencies": {
        "@cloudflare/next-on-pages": "1",
        "@cloudflare/workers-types": "^4.20250109.0",
        "@types/node": "^20",
        "@types/react": "^19",
        "@types/react-dom": "^19",
        "drizzle-kit": "^0.30.2",
        "postcss": "^8",
        "tailwindcss": "^3.4.1",
        "typescript": "^5",
        "vercel": "^39.3.0",
        "wrangler": "^3.103.2"
    }

 "devDependencies": {
        "@cloudflare/next-on-pages": "1",
        "@cloudflare/workers-types": "^4.20250109.0",
        "@types/node": "^20",
        "@types/react": "^19",
        "@types/react-dom": "^19",
        "drizzle-kit": "^0.30.2",
        "postcss": "^8",
        "tailwindcss": "^3.4.1",
        "typescript": "^5",
        "vercel": "^39.3.0",
        "wrangler": "^3.103.2"
    }

17 replies

CDCloudflare Developers

•Created by Dev on 1/25/2025 in #pages-help

Help: Binding undefined during build process

sure, >package.json

{
    "name": "dropbase",
    "version": "0.1.0",
    "private": true,
    "scripts": {
        "dev": "npm run format && next dev --turbopack",
        "build": "next build",
        "start": "next start",
        "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
        "format": "count=$(prettier --write . --log-level silent | grep -v '(unchanged)' | wc -l); echo \"$count files formatted\"",
        "check": "npm run lint && npm run format:check",
        "format:check": "prettier --check .",
        "pages:build": "bunx @cloudflare/next-on-pages",
        "preview": "bun pages:build && wrangler pages dev --experimental-vectorize-bind-to-prod --ai",
        "deploy": "bun pages:build && wrangler pages deploy",
        "cf-typegen": "wrangler types --env-interface CloudflareEnv env.d.ts",
        "generate": "drizzle-kit generate",
        "migrate": "wrangler d1 migrations apply ragchat --remote",
        "studio": "drizzle-kit studio"
    },
    "dependencies": {
        "@cloudflare/ai": "^1.2.2",
        "@hono/zod-validator": "^0.4.2",
        "@hookform/resolvers": "^3.10.0",
        "@phosphor-icons/react": "^2.1.7",
        "@radix-ui/react-dialog": "^1.1.5",
        "@radix-ui/react-label": "^2.1.1",
        "@radix-ui/react-popover": "^1.1.5",
        "@radix-ui/react-slot": "^1.1.1",
        "@radix-ui/react-tooltip": "^1.1.6",
        "@t3-oss/env-nextjs": "^0.11.1",
        "better-auth": "^1.1.14",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
        "drizzle-orm": "^0.38.4",
        "hono": "^4.6.17",
        "lucide-react": "^0.473.0",
        "next": "15.1.4",
        "next-themes": "^0.4.4",
        "prettier": "^3.4.2",
        "react": "^19.0.0",
        "react-dom": "^19.0.0",
        "react-hook-form": "^7.54.2",
        "sonner": "^1.7.2",
        "tailwind-merge": "^2.6.0",
        "tailwindcss-animate": "^1.0.7",
        "zod": "^3.24.1"
    },

{
    "name": "dropbase",
    "version": "0.1.0",
    "private": true,
    "scripts": {
        "dev": "npm run format && next dev --turbopack",
        "build": "next build",
        "start": "next start",
        "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
        "format": "count=$(prettier --write . --log-level silent | grep -v '(unchanged)' | wc -l); echo \"$count files formatted\"",
        "check": "npm run lint && npm run format:check",
        "format:check": "prettier --check .",
        "pages:build": "bunx @cloudflare/next-on-pages",
        "preview": "bun pages:build && wrangler pages dev --experimental-vectorize-bind-to-prod --ai",
        "deploy": "bun pages:build && wrangler pages deploy",
        "cf-typegen": "wrangler types --env-interface CloudflareEnv env.d.ts",
        "generate": "drizzle-kit generate",
        "migrate": "wrangler d1 migrations apply ragchat --remote",
        "studio": "drizzle-kit studio"
    },
    "dependencies": {
        "@cloudflare/ai": "^1.2.2",
        "@hono/zod-validator": "^0.4.2",
        "@hookform/resolvers": "^3.10.0",
        "@phosphor-icons/react": "^2.1.7",
        "@radix-ui/react-dialog": "^1.1.5",
        "@radix-ui/react-label": "^2.1.1",
        "@radix-ui/react-popover": "^1.1.5",
        "@radix-ui/react-slot": "^1.1.1",
        "@radix-ui/react-tooltip": "^1.1.6",
        "@t3-oss/env-nextjs": "^0.11.1",
        "better-auth": "^1.1.14",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
        "drizzle-orm": "^0.38.4",
        "hono": "^4.6.17",
        "lucide-react": "^0.473.0",
        "next": "15.1.4",
        "next-themes": "^0.4.4",
        "prettier": "^3.4.2",
        "react": "^19.0.0",
        "react-dom": "^19.0.0",
        "react-hook-form": "^7.54.2",
        "sonner": "^1.7.2",
        "tailwind-merge": "^2.6.0",
        "tailwindcss-animate": "^1.0.7",
        "zod": "^3.24.1"
    },

17 replies

KKinde

•Created by tobiasrasmsn on 7/8/2024 in #💻┃support

With a custom signup screen, how do I ask user for first name and last name?

@Oli - Kinde issue created in react-sdk

8 replies

KKinde

•Created by tobiasrasmsn on 7/8/2024 in #💻┃support

With a custom signup screen, how do I ask user for first name and last name?

this is a bad user experience, it should be supported, what's the point of having custom login signup page

8 replies

KKinde

•Created by tobiasrasmsn on 7/8/2024 in #💻┃support

With a custom signup screen, how do I ask user for first name and last name?

hey, i have exact same concern, though im using react sdk, it tried passing given_name and family_name in the url params but its not working

register({
    authUrlParams: {
        connection_id: import.meta.env.VITE_KINDE_EMAIL_PASSWORD_CONNECTION_ID,
        login_hint: email,
        given_name: fname,
        family_name: lname,
    },
});

register({
    authUrlParams: {
        connection_id: import.meta.env.VITE_KINDE_EMAIL_PASSWORD_CONNECTION_ID,
        login_hint: email,
        given_name: fname,
        family_name: lname,
    },
});

8 replies

Gaming

Programming