React Framework
This page is currently the best place to go for documentation on Houdini’s React framework. Eventually this content will be merged in with the rest of this site but that will take time. Until then, use this document as the initial place in your search before looking at other options. Also keep in mind this document is not organized as an introduction but more of a reference. Don’t worry - there will be a more guided introduction soon.
What is Houdini?
Houdini is a web application framework built from the ground up for GraphQL. It provides everything you need to build state-of-the-art apps. Not only does that include basic features like routing and SSR’d queries but also advanced graphql patterns like paginated fragments and even optimizations for your application’s bundle.
Getting Started
The easiest way to start a new project is to run the following command and answer the prompts:
npm create houdini@latestOnce that’s completed, navigate into the newly created directory, install the dependencies using your favorite package manager and then run dev:
cd <project name> && npm i && npm run dev