magento2-next-ssr-pwa

This project aims to address common SEO challenges faced by single-page web applications (SPAs), particularly in the realm of ecommerce. Leveraging technologies such as Next.js and Magento 2, it delivers a high-performance Progressive Web App (PWA) capable of providing a seamless user experience while ensuring optimal search engine visibility.

Features

  • High-performance ecommerce PWA developed with Next.js (v14).
  • Backend powered by Magento 2, offering robust ecommerce functionalities.
  • Implementation of Server Side Rendering (SSR) for optimized performance and SEO benefits.
  • Seamless integration with Magento's GraphQL API, ensuring efficient data retrieval and manipulation.
  • Compatibility with Magento modules enhancing GraphQL API functionalities, thereby expanding the range of available features.

Noteworthy Features:

Server Side Rendering (SSR):

  • SSR implementation enhances performance and ensures search engine visibility by rendering pages on the server before sending them to the client.

Integration with Magento's GraphQL API:

  • Seamless integration with Magento's GraphQL API facilitates efficient data retrieval and manipulation, optimizing the user experience.

Compatibility with Magento Modules:

  • Compatible with Magento modules enhancing GraphQL API functionalities, enabling the incorporation of additional features and functionalities seamlessly.

Extension Functionalities

User Authentication (Login/Logout):

  • Enable users to securely authenticate themselves, enhancing the security and personalization of the platform.

User Profile Management:

  • Empower users to manage their profiles, providing them with control over their personal information and preferences.

Product Listing and Filtering by Category:

  • Facilitate easy navigation and exploration of products by enabling users to browse and filter products based on categories.

Seamless Add-to-Cart and Checkout Processes:

  • Streamline the shopping experience by allowing users to seamlessly add items to their cart and proceed through the checkout process efficiently.

Comprehensive Order History Tracking:

  • Provide users with visibility into their order history, allowing them to track past purchases and monitor order statuses effectively.

Demo

https://wedocommerce.wedowebapps.com/

Run Locally

Clone the project

  git clone https://github.com/wedowebapps/magento2-next-ssr-pwa.git

Go to the project directory

  cd magento2-next-ssr-pwa

Install dependencies

  npm install

Start the server

  npm run start

Authors

License

MIT

Acknowledgements

  • Thanks to Magento for providing a robust backend solution.
  • Special appreciation to the Next.js team for the powerful frontend framework.

Badges

Version

License: MIT

Next.js Version

React

GraphQL

react-hook-form

react-lottie

react-redux

react-toastify

swiper

yup

Magento 2

Code Coverage

Support

For support, Wedowebapps Team