Скачать next e commerce - Скачать исходный код next e commerce

next e commerce

AI Исходный код

1.0.0

Скачать

Веб-сайт электронной коммерции

Демо: https://next-e-commerce-example.vercel.app/

Пример веб-сайта электронной коммерции, построенный с Next.js, который я сделал за 1 неделю в качестве самообладания. Есть некоторые проблемы, с которыми я решу позже. Использование Firebase в качестве бэкэнд.

Свяжитесь со мной · Сообщите об ошибке · Функция запроса

О проекте
- Построен с
Скриншоты
- Главная (новости в)
- Категории
- Продукт
- Тележка
- Счет
Начиная
- Предварительные условия
- Установка
Проблемы / планы функций
Внося
Вопросы и ответы
Лицензия
Контакт

О проекте

Я видел дизайн пользовательского интерфейса на Dribbble Антоном Михальтова. И я хотел кодировать этот дизайн. Поэтому я решил сделать его полным рабочим веб -сайтом с NextJS, но всего через 1 неделю в качестве вызова. Некоторые проблемы все еще есть, но я проверю их позже.

Кнопки фильтра и сортировки еще не работают.
~~Веб -сайт не является отзывчивым %100, потому что время было недостаточно. Я работаю над этим в настоящее время.~~ Теперь это отзывчиво.
Функции Firebase могут быть лучше
Карты на домашней странице (новости) не имеют перенаправления. Они просто заполнители.

Построен с

Реагировать
NextJs
Пожарная база
Реагировать форму крючка
дата-фнс
Набережный

Скриншоты

Новости в

У карт нет ссылок, и они статичны, они просто заполнители.

Категории

Продукт

Тележка

Счет

Начиная

Предварительные условия

Node.js версия 10.13 или позже
Git (я использовал 2.20.1)

Установка

Вам нужно создать проект Firebase
Клонировать репо и изменить каталог

git clone https://github.com/anilsenay/next-e-commerce.git
cd next-e-commerce

Установите пакеты NPM

npm install

Создайте свой файл .env.local в корневой папке (Next-E-Commerce) с этим контентом. Поместите свои ключи от пожарной базы.

 NEXT_PUBLIC_FIREBASE_API_KEY = your-firebase-api-key
NEXT_PUBLIC_FIREBASE_PROJECT_ID = your-firebase-project-id
NEXT_PUBLIC_FIREBASE_APP_ID = your-firebase-app-id

Запустить в режиме разработки

npm run dev

Проблемы - планы на будущее

Фильтра и кнопки сортировки
Оптимизировать функции запроса Firestore
На странице корзины кнопка уменьшения элемента не работает
~~Веб -сайт будет от адаптивного.~~
Замените несколько тегов HTML на семантические теги

Внося

Вклад - это то, что делает сообщество с открытым исходным кодом таким удивительным местом для изучения, вдохновения и создания. Любой вклад, которые вы вносите, высоко ценится .

Форк проект
Создайте филиал своей функции ( git checkout -b feature/AmazingFeature )
Сделайте свои изменения ( git commit -m 'Add some AmazingFeature' )
Толкайте к ветке ( git push origin feature/AmazingFeature )
Откройте запрос на тягу

Q & A.

Вопрос: я создал проект Firebase, но я не знаком с ним. Что мне делать тогда? Ответ : Вы можете связаться со мной по поводу установки проекта Firebase, я бы с радостью помог вам.
Вопрос: Я создал проект Firebase, но у меня нет структуры базы данных. Что мне делать тогда? Ответ : Пожалуйста, свяжитесь со мной, чтобы получить структуру базы данных, которую я создал.
Вопрос: Почему вы не поделились структурой базы данных? Ответ : я просто хочу знать, интересует ли кто -то к этому проекту: D
Вопрос: Как я могу внести свой вклад? Ответ : Это делает меня счастливым, даже если вы просто снимаете этот проект. Для использования кода вы можете расколоть репо и открыть запрос на тягу после изменения. Любая обратная связь также важна для меня. Вы можете открыть проблему или отправить мне сообщение.
ВОПРОС: Вы проектировали пользовательский интерфейс? Ответ : Нет, я не дизайн на самом деле. Я нашел дизайн домашней страницы на Dribbble Антоном Михальтова. За исключением домашней страницы, другие варианты пользовательского интерфейса - мой. В то время как я сделал этот сайт в ограниченное время, я не много думал о пользовательском интерфейсе/UX. Таким образом, вы также можете обращать мне на обратную связь о дизайне.