Onboarding shadow route

[lordofthecactus]

Creates onboarding route

Not in scope for this PR

• Mobile details
• Special fonts
• I have not put the links yet since docs are still pending.
• Error page

On template creation it shows:

Once store setup works with no errors:

Update:

Removed Cart from and index route. Reduced styling.

[frandiox]

Looking good! I've left a few comments 👍

[frandiox]

These might be better as devDependencies + peerDependencies. The user will have them installed for the main app, right?

[frandiox]

There have been changes in the virtual routes, this file is not needed anymore. There's a virtual-root.tsx now that adds the HTML where you can also add error boundaries etc. I think you should get it if you merge the branch 2023-01.

[lordofthecactus]

Whoops, forgot to do a last push!

[frandiox]

Since we are removing routes/index.jsx from the template, shouldn't we mention after updating .env that they also need to create the routes directory and the index.jsx file? cc @benjaminsehl

[lordofthecactus]

Error page

[benjaminsehl]

Following up from Slack, let's keep an empty /routes directory set up so it's obvious where to add your route.

Let's also tweak the instructions to include the following:

You're seeing this because you have not yet configured your storefront token. To get started, edit .env. Then, create your first route with the file /app/routes/index.js.
Learn more about connecting a storefront.

Or something like that. Would love to get this in for launch!

@frandiox @cartogram … wonder if we should potentially include a super basic route scaffolding command that does the skeleton for the homepage? shopify hydrogen generate route home.

You guys think that might be feasible?

[cartogram]

wonder if we should potentially include a super basic route scaffolding command that does the skeleton for the homepage? shopify hydrogen generate route home.

You guys think that might be feasible?

@benjaminsehl Added in #442. Did you want to add anything to the skeleton template that seeds the result of this command?

[frandiox]

Following up from Slack, let's keep an empty /routes directory set up so it's obvious where to add your route.

Since we can't have empty directories in Git, we need to add a dummy .gitignore file but I think that makes Remix choke unless we add ignoredRouteFiles: ['**/.*'] to remix.config.js @lordofthecactus
Might land in #441

[lordofthecactus]

Discussed with @benjaminsehl on dropping the route directory for now

[benjaminsehl]

🚢🚢🚢