Basil
An experimental Magento 2 theme
Overview
Basil is an intriguing experimental theme designed for Magento 2, showcasing the potential of the new GraphQL API to present the catalog in a modern way. Developed using cutting-edge technologies like React, Next.js, and Apollo, this theme offers a glimpse into the future of e-commerce design. While it currently focuses on catalog display, there’s significant promise and innovation embedded in this prototype.
Although Basil is still in its early stages and lacks responsiveness along with certain functionalities like full checkout and customer management, it serves as a solid foundation for developers looking to explore the possibilities of Magento 2 with a fresh approach. Its open-source nature encourages collaboration and further development under the AGPL license.
Features
- Modern Technology Stack: Built with React, Next.js, and Apollo, providing a contemporary front-end experience.
- GraphQL API Integration: Utilizes Magento's GraphQL API to efficiently display the catalog, improving performance and flexibility.
- Prototype Stage: Currently a prototype, allowing developers to test and experiment with new ideas and functionalities.
- Open Source License: Licensed under AGPL, promoting community involvement and ensuring that any derivative projects remain open source.
- Single Functionality Focus: Concentrates solely on catalog display, paving the way for specialized development efforts in the future.
- Room for Improvement: Recognizes the need for code cleanup, unit tests, and responsive design, inviting contributions and collaboration from the developer community.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.