Shopify App Jouney

bun.config.js

const config = {
  sourcemap: "external",
  entrypoints: ["app/javascript/application.js", "app/javascript/shopify.js"],
  outdir: path.join(process.cwd(), "app/assets/builds"),
};

package.json

{
  "scripts": {
    "build:css:compile": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css ./app/assets/stylesheets/shopify.scss:./app/assets/builds/shopify.css --no-source-map --load-path=node_modules",
    "build:css:prefix": "postcss ./app/assets/builds/*.css --use=autoprefixer --dir=./app/assets/builds",
    "build:css": "bun run build:css:compile && bun run build:css:prefix",
    "watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"bun run build:css\"",
    "build": "bun bun.config.js"
  },
}

routes.rb

# config/routes.rb

get '/shopify/', :to => 'shopify#index'
mount ShopifyApp::Engine, at: '/shopify'

shopify_app.rb

# config/initializers/shopify_app.rb

ShopifyApp.configure do |config|
  ...
  config.login_url = '/shopify/login'
  ...
end