Striking the Right Balance: Shopify App Development

Ionuts1
Shopify Partner
23 1 3

I am a Shopify developer specializing in backend development with Laravel. Currently, I am endeavoring to create my first app. However, my frontend expertise is limited due to my full-time commitment as a backend developer.

 

I am seeking advice on whether building an app using Laravel might lead to rejection. Alternatively, I am contemplating the option of learning React and Remix.js, a path I am hesitant to pursue.

 

Upon reviewing discussions on platforms such as Slack and Discord, I have noticed comments indicating that apps developed with technologies other than Remix.js often face rejection, while a few have received approval.

 

I appreciate any insights or guidance you can provide. Thank you in advance, everyone!

Replies 7 (7)

markogill
Shopify Partner
16 3 4

Hi Ionuts,

 

I started web development last year and have previously been a mobile developer. I made a few React apps last year, and found Remix Shopify development in October.

 

I was able to publish my first Remix app just this past week to the Shopify store.

 

I highly recommend the Remix environment due to how a lot of the nuances for creating an app are handled by the Remix Shopify template.

 

There are many things in the requirements checklist you don't have to worry about due to them being handled for you already.

 

Good luck!

Developing Order Otter
https://apps.shopify.com/order-otter

Import PDF Purchases to your Store.
Ionuts1
Shopify Partner
23 1 3

Thanks for response, I will take in consideration to learn react & remix.js. 

BEAUBUS
Shopify Partner
5 0 1

BEAUBUS Favicons is built using Shopify/shopify-app-template-php, and BEAUBUS Banners using kyon147/laravel-shopify. Both are available in the App Store.

 

Couple tips:

1. Consider taking the Build Shopify Apps With Laravel course on Laracasts
2. You can create an app without any frontend frameworks by utilizing Blade for templates
3. Using ngrok for local development is not mandatory; a local URL with https works great for testing
4. Consider setting up test, staging, and production environments for your app, with corresponding stores (separate .env and .toml files for each)
5. If your app offers a completely Free plan, consider using the appSubscriptionCancel GraphQL mutation instead of a plan with a zero price and a capped amount greater than zero

 

Wish you good luck!

Add browser tab, bookmarks and search favicon to your store with BEAUBUS Favicons (Free). Craft lightweight, sharp, and SEO-friendly vector banners with BEAUBUS Banners (Free plan available).
Ionuts1
Shopify Partner
23 1 3

Thanks for answer, nice apps! One question if you don't mind how did you create theme extension using laravel? 

BEAUBUS
Shopify Partner
5 0 1

1) Add shopify CLI to the project: `npm install @Shopify/cli@latest @Shopify/app@latest --save-dev`

 

2) Update scripts section in package.json 

`

"scripts": {
"shopify": "shopify",
"sbuild": "shopify app build",
"sdev": "shopify app dev",
"info": "shopify app info",
"generate": "shopify app generate",
"deploy": "shopify app deploy"
}

`

3) run `npm run shopify app generate extension` after

 

PS: If you have installed an app, please consider leaving a review

Add browser tab, bookmarks and search favicon to your store with BEAUBUS Favicons (Free). Craft lightweight, sharp, and SEO-friendly vector banners with BEAUBUS Banners (Free plan available).
Ionuts1
Shopify Partner
23 1 3

Thanks for fast response, this method will let me install remix app, but for example if i have an app with laravel i can't generate the extension right? so i have to find a way to connect @Shopify/app@latest --save-dev to my laravel is that right?
I will review your app, thanks!

BEAUBUS
Shopify Partner
5 0 1

Nope, that answer was for the Laravel app. You should have package.json in a root of you Laravel project. 

 

You should have npm installed and run this in a console from project root:

npm install @Shopify/cli@latest @Shopify/app@latest --save-dev

 

Then update scripts section of a package.json and run:

npm run shopify app generate extension

 

Add browser tab, bookmarks and search favicon to your store with BEAUBUS Favicons (Free). Craft lightweight, sharp, and SEO-friendly vector banners with BEAUBUS Banners (Free plan available).