Skip to content

feat(template): simplify backend-and-client to TypeScript starter#410

Open
base44-os-gremlins[bot] wants to merge 1 commit intomainfrom
simplify-vite-template-typescript
Open

feat(template): simplify backend-and-client to TypeScript starter#410
base44-os-gremlins[bot] wants to merge 1 commit intomainfrom
simplify-vite-template-typescript

Conversation

@base44-os-gremlins
Copy link

Summary

Simplifies the templates/backend-and-client Vite template to match the spirit of the official vite react-ts scaffold — minimal, typed, and easy to understand — while keeping Base44-specific essentials.

Changes

Removed:

  • jsconfig.json → replaced with proper tsconfig.json / tsconfig.app.json / tsconfig.node.json
  • postcss.config.js, tailwind.config.js, autoprefixer — no CSS framework in the base scaffold
  • components.json and bundled shadcn/ui copies (button.jsx, checkbox.jsx, input.jsx)
  • src/components/Base44Logo.jsx
  • base44/agents/task_manager.jsonc (demo-only; not part of a clean scaffold)
  • lucide-react dependency

Added / Converted:

  • tsconfig.json + tsconfig.app.json + tsconfig.node.json (standard vite react-ts structure)
  • vite.config.jsvite.config.ts
  • src/main.jsxsrc/main.tsx (with StrictMode)
  • src/App.jsxsrc/App.tsx (minimal typed task demo using @base44/sdk)
  • src/api/base44Client.js.ejssrc/api/base44Client.ts.ejs
  • src/index.css simplified to a basic reset (no shadcn HSL tokens)
  • package.json: added typescript, @types/react, @types/react-dom; build script updated to tsc -b && vite build

Test plan

  • Run base44 create my-app --template backend-and-client with the updated template
  • Confirm npm install && npm run dev starts without errors
  • Confirm npm run build type-checks and builds successfully
  • Confirm base44 entities push + base44 deploy work as before

Related goal: https://github.com/base44-dev/gremlins/issues/869

🤖 Generated with Claude Code

…nd/shadcn

- Convert all .jsx/.js to .tsx/.ts (App, main, vite.config, base44Client)
- Replace jsconfig.json with proper tsconfig.json / tsconfig.app.json / tsconfig.node.json
- Remove Tailwind CSS v3 setup (postcss.config.js, tailwind.config.js, autoprefixer)
- Remove bundled shadcn/ui components (button, checkbox, input) and components.json
- Remove Base44Logo component and demo agent config (task_manager.jsonc)
- Simplify App.tsx to a minimal typed task demo using @base44/sdk
- Simplify index.css to a basic box-sizing + body reset
- Update package.json: add typescript + @types/react, remove postcss/tailwind/lucide-react
- Update build script to tsc -b && vite build for type checking on build

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Contributor

🚀 Package Preview Available!


Install this PR's preview build with npm:

npm i @base44-preview/cli@0.0.44-pr.410.d6ad399

Prefer not to change any import paths? Install using npm alias so your code still imports base44:

npm i "base44@npm:@base44-preview/cli@0.0.44-pr.410.d6ad399"

Or add it to your package.json dependencies:

{
  "dependencies": {
    "base44": "npm:@base44-preview/cli@0.0.44-pr.410.d6ad399"
  }
}

Preview published to npm registry — try new features instantly!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Backlog

Development

Successfully merging this pull request may close these issues.

1 participant