For a detail description of the current architecture's problems, see this Github comment.
A "scalable quilt_rails architecture" was figured out for internal Shopify use.
For external users, you can should skip server-side queries in your components. e.g.:
useQuery(MyQuery, {
skip: typeof document === 'undefined',
});
We suggest using webpack or @shopify/sewing-kit instead of webpacker with quilt_rails
for JavaScript build.
Remove webpacker by running bundle remove webpacker
and remove any webpacker configuration files (config/webpack
and config/webpacker.yml
).
Other files that often come with default rails scaffolding that can create conflict with quilt_rails
setup included .browserslistrc
, postcss.config.js
, babel.config.js
as well as package.json
and yarn.lock
.