DEV Community

Cover image for npx make-fullstack-app - Scaffolding your back and frontend
Alex Merced
Alex Merced

Posted on

npx make-fullstack-app - Scaffolding your back and frontend

Why?

With my tool, merced-spinup you can scaffold a frontend OR backend project with ease from a wide selection of templates across all the main NodeJS frontend and backend frameworks. Although you still have to run the command twice, and I'm thinking... how can I make this easier.

enter make-fullstack-app

make-fullstack-app expects you want to build an API on the backend and consume it with a frontend so it generate the backend and frontend template of your choice in appropriately named folders (backend and frontend.)

It is pretty simple to use...

Express App

React Frontend

npx make-fullstack-app express react
Enter fullscreen mode Exit fullscreen mode

Vue Frkoa

npx make-fullstack-app express vue
Enter fullscreen mode Exit fullscreen mode

Angular Frontend

npx make-fullstack-app express angular
Enter fullscreen mode Exit fullscreen mode

Svelte Frontend

npx make-fullstack-app express svelte
Enter fullscreen mode Exit fullscreen mode

Koa App

React Frontend

npx make-fullstack-app koa react
Enter fullscreen mode Exit fullscreen mode

Vue Frontend

npx make-fullstack-app koa vue
Enter fullscreen mode Exit fullscreen mode

Angular Frontend

npx make-fullstack-app koa angular
Enter fullscreen mode Exit fullscreen mode

Svelte Frontend

npx make-fullstack-app koa svelte
Enter fullscreen mode Exit fullscreen mode

Fastify App

React Frontend

npx make-fullstack-app fastify react
Enter fullscreen mode Exit fullscreen mode

Vue Frontend

npx make-fullstack-app fastify vue
Enter fullscreen mode Exit fullscreen mode

Angular Frontend

npx make-fullstack-app fastify angular
Enter fullscreen mode Exit fullscreen mode

Svelte Frontend

npx make-fullstack-app fastify svelte
Enter fullscreen mode Exit fullscreen mode

Polka App

React Frontend

npx make-fullstack-app polka react
Enter fullscreen mode Exit fullscreen mode

Vue Frontend

npx make-fullstack-app polka vue
Enter fullscreen mode Exit fullscreen mode

Angular Frontend

npx make-fullstack-app polka angular
Enter fullscreen mode Exit fullscreen mode

Svelte Frontend

npx make-fullstack-app polka svelte
Enter fullscreen mode Exit fullscreen mode

Merver App

React Frontend

npx make-fullstack-app merver react
Enter fullscreen mode Exit fullscreen mode

Vue Frontend

npx make-fullstack-app merver vue
Enter fullscreen mode Exit fullscreen mode

Angular Frontend

npx make-fullstack-app merver angular
Enter fullscreen mode Exit fullscreen mode

Svelte Frontend

npx make-fullstack-app merver svelte
Enter fullscreen mode Exit fullscreen mode

Bottom Line

There are many more combination, just read the docs! Head over to AlexMercedCoder.com to see my gallery of NodeJS Libraries to find the documentation.

Top comments (0)