next e commerce Download - next e commerce Source Code Download

next e commerce

Code Source AI

1.0.0

Télécharger

Site Web de commerce électronique

Demo: https://next-e-commerce-example.vercel.app/

Un exemple de site Web de commerce électronique construit avec Next.js que j'ai fait en 1 semaine en tant que défi d'auto. Il y a des problèmes que je gérerai plus tard. Utilisation de Firebase comme backend.

Contactez-moi · Rapport Bug · Fonction de demande

Table des matières

À propos du projet
- Construit avec
Captures d'écran
- Accueil (nouvelles dans)
- Catégories
- Produit
- Chariot
- Compte
Commencer
- Condition préalable
- Installation
Problèmes / plans de fonctionnalités
Contributif
Questions et réponses
Licence
Contact

À propos du projet

J'ai vu une conception d'interface utilisateur sur Dribbble d'Anton Mikhaltsov. Et je voulais coder cette conception. J'ai donc décidé d'en faire un site Web de travail complet avec NextJS, mais en seulement 1 semaine comme défi moi-même. Certains problèmes sont toujours là, mais je les vérifierai plus tard.

Les boutons de filtre et de tri ne fonctionnent pas encore.
~~Le site Web n'est pas réactif% 100 à cause du temps n'était pas suffisant. J'y travaille actuellement.~~ Maintenant, c'est réactif.
Les fonctions de base de feu pourraient être meilleures
Les cartes de page d'accueil (nouvelles dans) n'ont pas de redirection. Ce ne sont que des espaces réservés.

Construit avec

Réagir
NextJS
Base de feu
REACT HOW FORM
date-fns
Toupet

Captures d'écran

Des nouvelles dans

Les cartes n'ont aucun lien et elles sont statiques, ce ne sont que des espaces réservés.

Catégories

Produit

Chariot

Compte

Commencer

Condition préalable

Node.js version 10.13 ou version ultérieure
Git (j'ai utilisé 2.20.1)

Installation

Vous devez créer un projet de base de feu
Cloner le repo et changer le répertoire

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

Installez les packages NPM

npm install

Créez votre fichier .env.local sur le dossier racine (prochain-E-Commerce) avec ce contenu. Mettez vos clés de base de feu.

 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

Exécuter en mode développement

npm run dev

Problèmes - plans futurs

Boutons de filtre et de tri
Optimiser les fonctions de requête Firestore
Sur la page du panier, le bouton de diminution de l'élément ne fonctionne pas
~~Le site Web sera% réactif~~
Remplacez certaines balises HTML par des balises sémantiques

Contributif

Les contributions font de la communauté open source un endroit aussi incroyable pour apprendre, inspirer et créer. Toutes les contributions que vous faites sont grandement appréciées .

Fourk le projet
Créez votre branche de fonctionnalité ( git checkout -b feature/AmazingFeature )
Commissez vos modifications ( git commit -m 'Add some AmazingFeature' )
Push to the Branch ( git push origin feature/AmazingFeature )
Ouvrir une demande de traction

Q&R

Question: J'ai créé Firebase Project mais je ne le connais pas. Que dois-je faire alors? Réponse : Vous pouvez me contacter pour définir votre projet Firebase, je vous aiderais avec plaisir.
Question: J'ai créé Firebase Project mais je n'ai pas de structure de base de données. Que dois-je faire alors? Réponse : Veuillez me contacter pour obtenir la structure de la base de données que j'ai créée.
Question: Pourquoi n'avez-vous pas partagé votre structure de base de données? Réponse : Je veux juste savoir si quelqu'un s'intéresse à ce projet: D
Question: Comment puis-je contribuer? Réponse : Cela me rend heureux même si vous jouez simplement ce projet. Pour le code contribue, vous pouvez débarquer le dépôt et ouvrir une demande de traction après vos modifications. Tout commentaire est également important pour moi. Vous pouvez ouvrir un problème ou m'envoyer un message.
Question: Avez-vous conçu l'interface utilisateur? Réponse : Non, je n'ai pas conçu en fait. J'ai trouvé la conception de la page d'accueil sur Dribbble par Anton Mikhaltsov. Sauf la page d'accueil, les autres choix d'interface utilisateur sont les miens. Bien que j'aie ce site en temps limité, je ne pensais pas beaucoup à UI / UX. Vous pouvez donc également me remettre en compte sur le design.