Build faster webapps.

This project is in alpha state, but we use it in production at fogbender.com. If you find any bugs, please open an issue.

Tweet by Tanner Linsley: Yeah, Astro may be well marketed for “sites” but it’s honestly
a clever front for a powerhouse of core bundling, deployment and content management
features. — Tweet by Tanner Linsley: Yeah, Astro may be well marketed for “sites” but it’s honestly a clever front for a powerhouse of core bundling, deployment and content management features.

QGP is a tool to help you build webapps with Astro using your favorite frontend framework (current templates use React and SolidJS, and others are coming soon). It uses Vite to provide you with great DX, and it uses Astro to provide your users with great SEO and performance.

In short you can think of QGP as easy way to extend your existing SPA with SSR/SSG pages and allows you to opt in into server side rendering for specific pages. This could be a great option to gradually migrate your existing CRA (Create React App) that doesn't require a full rewrite.

Create QGP App

You can use the CLI to download a pre-configured template with an example app. Just follow these easy steps:

Open a terminal in your folder of choice
Type npx create-qgp@latest -t qgp-demo qgp-demo to download the template. (You can replace the second qgp-demo with any folder name you want.)
Type cd qgp-demo (or your project name) to enter the new folder.
Type npm i -g @antfu/ni to install a helpful tool.
Type ni to set up the project.
Type nr dev to start the dev server.
Open http://localhost:3000 to see the entire site on the Astro dev server.
Open http://localhost:5173 to see the React app on the Vite dev server.

You can just enter npm create qgp@latest if you want to explore the other templates, or create your own!

Help us improve this page