This is a simple e-commerce sample frontend app built with React and Next.js.
- Next.js for routing and server side rendering
- TypeScript for enhanced DX through type safety and intellisense
- React for the UI
- Tailwind CSS for styling
- Eslint for linting
- Prettier for code formatting
- Node.js (v18.18.0 or higher)
git clone https://github.com/bjornet/e-comm-sample.git
cd e-comm-sample
npm install
IMPORTANT! This app is not ready for production.
Yey, now you can run the app locally!
Run npm run dev
to start the development server.
Run npm run storybook
to boot up Storybook and start developing components in isolation.
Linting: Run npm run lint
to identify and fix linting issues. Formatting: Run npm run format
to format your code using Prettier.
Run npm run build
to build the app for production to the dist folder.
- Cart The cart is not fully implemented. The cart should be able to add and remove items.
- RSC The app is not making use of React Server Components. This would be a great fit for the app since it is a good candidate for SSR. This would improve the performance of the app as well as get rid of hard to manage hydration issues.
- Stability The codebase would gain a lot from adding a pre-commit hook that runs a baseline of tests and linting. This would ensure that the codebase is stable and consistent. Husky and lint-staged would be a great fit for this.
- Error Handling The app is missing error handling. This is a must for a production ready app. The app should handle errors from the API and display a user friendly error message.
- Accessibility The app is missing accessibility features. This is a must for a production ready app. The app should be accessible for all users.