Feat!: Adds EmptyState content-type and enable EmptyState section override

[eduardoformiga]

This approach introduces Breaking Changes

What's the purpose of this pull request?

EmptyState is a complex section that is being used directly (without CMS) on the error 500, error 404, and login pages.

While we've been doing section override 2.0, we've seen that it wouldn't be possible without bringing this section to the CMS and making it more generic (without direct use on the pages).

So, the idea we discussed is to create three new content-types (login, 500, and 404) and use the EmptyState section on these pages.

• Adapts login page to use CMS with EmptyState
• Adapts error 500 page to use CMS with EmptyState
• Adapts error 404 page to use CMS with EmptyState
• This PR also adapts EmptyState to use Section Override API v2.

How to test it?

1. Use the workspace https://formspacefs1239--storeframework.myvtex.com/admin/headless-cms/faststore
2. Change the API workspace to formspacefs1239 in the faststore.config.default.js file.
3. run this project locally with yarn dev.
4. confirm if the new content types are in the cms like in the image below

If they are not created, you should run in the workspace formspacefs1239 the commands:

vtex switch storeframework
vtex use formspacefs1239
vtex cms sync faststore

Also, add the EmptyState section to every page.

5. You can test each page:
   • login (before redirect): http://localhost:3000/login
   • error 500: http://localhost:3000/500?errorId=123456&fromUrl=/office
   • error 404: http://localhost:3000/non-existing-page

Page
login
error 500
error 404

• Starter PR should be opened after emerging this PR and publishing the content types.

References

• feat: implement Section Override API v2 #2091
• Section Override API v2 examples vtex-sites/starter.store#246

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
faststore-site	⬜️ Ignored (Inspect)	Visit Preview		Jan 10, 2024 8:02pm