Shopify App Template - Remix

This template streamlines building Shopify apps using the Remix framework. It’s optimized for Vercel deployment and includes built-in Tailwind CSS support. A perfect solution to speed up development and handle the gaps in official Shopify documentation for deploying on Vercel.

Fork this Repository on GitHub

Installation Instructions

Follow these steps to set up and deploy your Shopify app:

  1. Fork the Repository: Start by forking this repository to your GitHub account.
  2. Update Configuration Files: Modifyshopify.app.tomlandpackage.jsonwith your information (app name, handle, URLs, and client_id).
  3. Create a .env File: Include your secrets (SHOPIFY_API_KEY,SHOPIFY_API_SECRET, scopes, and database URLs, etc.).
  4. Install Dependencies: npm install
  5. Generate and Migrate Prisma: npx prisma generate and npx prisma migrate deploy.
  6. Deploy to Vercel: Create a new project on Vercel, configure environment variables, and deploy.
  7. Commit Your Changes: Keep your repository up to date using Git commands:git add .,git commit -m ...,git push origin main.
  8. Deploy to Shopify: shopify app deploy. Your app is now ready to install and use!

Features

  • Optimized for Vercel: Seamless deployment with tailored configurations.
  • Built-in Tailwind CSS: Style your app efficiently with Tailwind.
  • Shopify Integration: Includes Polaris, AppBridge, and Webhooks for enhanced functionality.

Need Help?

Feel free to reach out for assistance or customization:

This template was built to drastically reduce time and complexity when deploying Shopify apps to Vercel—previously a longer, more fragmented process.