AliBagheri2079 / elixir-online-shop

This Layout made with Next.js, Mantine UI, Framer Motion, Clerk, Swell, SWR, Tabler Icons and Postcss.

Home Page:https://elixir-online-shop.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

An Online Shop site template, implemented with Next.js and Mantine UI. Styled with Post CSS. This is one of my portfolios, but I would be pleased if these codes helped others, so I published it as an open-source project. feel free to explore it, and if you need help, ask me. I would respond as soon as possible.

To support me, please create Pull request and give star⭐ to this repository.
I appreciate your support in advance. ❤

GitHub top language  GitHub last commit  GitHub commit activity  GitHub release (latest by date)  GitHub Repo stars  GitHub forks

TechnologiesDemoFeaturesPagesContributingLinks

home page screenshot

🔧 Technologies

Next.js  TypeScript  Mantine UI Framer Motion  Clerk

✨ Demo

You can visit and explore online shop in the Elixir Online Shop template.

🔥 Features

  • Using Mantine UI
  • Using Framer Motion
  • Using Clerk Auth
  • Using Swell Storfront
  • Using SWR
  • Using Postcss with Plugins
  • Using Clsx
  • Fully responsive
  • Real Products with Locale Data
  • Search, Filter Actions with Infinite Scrolling
  • Color Scheme Switch
  • Multi Theme Colors Support
  • Multi Languages Support
  • Linting with Eslint and Stylelint
  • Format with Prettier
  • Husky and Lint-staged for Pre-committing
  • Npm Package Manager

📃 Pages

  • Main (index)
  • Product
  • Sign In
  • Sign UP
  • User Account

(BACK TO TOP 🔝)

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

🔗 Links

(BACK TO TOP🔝)

About

This Layout made with Next.js, Mantine UI, Framer Motion, Clerk, Swell, SWR, Tabler Icons and Postcss.

https://elixir-online-shop.vercel.app/


Languages

Language:TypeScript 94.5%Language:CSS 4.5%Language:JavaScript 0.9%Language:Shell 0.1%