Next E Commerce
An e-commerce website example with NextJS that I made in 1 week as a self challenge. Using Firebase as backend.
Overview
The project is a website developed using NextJS, inspired by a UI design on Dribbble by Anton Mikhaltsov. The developer aimed to create a fully functioning website within a week, focusing on the frontend design. The website includes features like filtering and sorting buttons, categories, product display, cart management, and account functionalities.
Features
- Responsive Design: Work in progress to make the website fully responsive.
- Firebase Integration: Utilizes Firebase functions for backend operations.
- Filter and Sort Buttons: Currently not operational, planned to be implemented.
- Categories and Product Display: Static placeholders for now, with plans to implement functionality.
Summary
The project is a NextJS website inspired by a Dribbble UI design, aiming to create a functional website within a week. While some features like filter and sort buttons are not yet operational and the website is not fully responsive, the developer is actively working on improvements. The project welcomes contributions and feedback from the open-source 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
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
