A TypeScript full-stack web application scaffolding with multi-page application support, powered by FeathersJS.

Server, home page, and console page unified in one project.

Forget about mocking data while developing front-end application. Druid provides a full-stack development environment with a real database.

npm install

Build files are required for the server to run. You must generate them before starting the server.

npm run release

• public folder will be generated in the root directory.
• src/ssr folder will be generated, it contains a react server-side render for the server to use in production.
• lib folder will be generated, it contains the compiled TypeScript files for the server to use in production.

This application utilizes mysql as its database, knex as the query builder, and orm-modeling to define database schemas, generate entity interfaces, and configure FeathersJS RESTful services.

npm run dev

Please visit http://localhost:3030 to view the application's home page, you can modify home page's content in src/views/home.

It is a single-page application (SPA) with server-side rendering (SSR) support.

Please visit http://localhost:3030/console to view the application's console page, you can modify console page's content in src/views/console.

It is a single-page application (SPA) build with ant design UI components, you can modify it to your needs.

Whenever you modify the server's .ts or .js files, the Feathers server will automatically reload to reflect those changes.

If you modify the client's .tsx files, HMR will be triggered to update the changes seamlessly.

Note: Ensure that you place .tsx files exclusively within the views folder. Modifying .ts files outside this directory will lead to a complete server restart, bypassing the HMR process.

During development, React's Strict Mode can cause double function calls. To resolve this, remove the <React.StrictMode> component from your app's entry file.