Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Remix route configuration specific to the Shopify app template

Remix route configuration specific to the Shopify app template

mehmettekn
Shopify Partner
10 0 3

Hi guys!

 

I'm looking for a way to configure my routes in the Remix app template. I'd appreciate your help!

 

So the initial setup is as such:

app
  routes
    app.tsx  
    app._index.tsx     =>    /app   

 

I'm trying to nest a route in the index route and keep the routes organized in folders. This is what I came up with as per Remix conventions:

 

 

app
  routes
    app.tsx
    app
      _index.tsx
      impressions.tsx

 

 (impressions.tsx being the nested route inside _index.tsx and added an <Outlet/> in _index.tsx)

 

This doesn't work. The file _index.tsx won't render at all.

Any tips to organize the app route files are welcome!

Replies 2 (2)

ThorMolly
Shopify Partner
5 0 3

Having a similar problem. Did you fix it?

 

mehmettekn
Shopify Partner
10 0 3

Unfortunately, not. Hopefully, someone does! 🙂