laurabeatris/amazon-next

A simple mock and re-concept of Amazon - built with Next.js, Firebase, and Framer Motion

Amazon Next

Mock and re-concept of Amazon

---

📌 Table of Contents

• Features
• Installation
• Getting Started
• FAQ
• Found a bug? Missing a specific feature?
• Contributing
• License

🚀 Features

• 🛒 Add products to your cart.
• 💝  Add likes to your favorite products.
• 🎨 Amazing transitions with Framer Motion
• 💰  A re-concept of the cart interface from Amazon

👷 Installation

You need to install Node.js and Yarn first, then in order to clone the project via HTTPS, run this command:

git clone https://github.com/LauraBeatris/amazon-next.git

SSH URLs provide access to a Git repository via SSH, a secure protocol. If you have a SSH key registered in your Github account, clone the project using this command:

git clone [email protected]:LauraBeatris/amazon-next.git

Install dependencies

yarn install

🏃 Getting Started

Run the following command in order to start the application in a development environment:

yarn dev

📮 Faq

Question: What are the technologies used in this project?

Answer: The tecnologies used in this project are NextJS, Firebase Database to retrieve products data and Framer Motion for page transitions.

🔨 Deploy

Zeit provides a easy way to deploy NextJS applications. You may create a now.json file with the build configuration.

{
    "build": {
        "env": {
            "SITE_URL": "@site_url",
            "FIREBASE_API_KEY": "@firebase_api_key",
            "FIREBASE_APP_KEY": "@firebase_app_id",
            "FIREBASE_MEASUREMENT_ID": "@firebase_measurement_id",
            "FIREBASE_MESSAGE_SENDER_ID": "@firebase_message_sender_id"
        }
    }
}

You're able to create secrets with the commands provided by the Now CLI in order to map environment variables,

now secrets add <secret-name> <secret-value>

Use them as the values of the env variables that you want to map inside of the build configuration.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the Amazon Next repository. If you already found a solution to your problem, I would love to review your pull request! Have a look at our contribution guidelines to find out about the coding standards.

🎉 Contributing

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

📕 License

Released in 2020. This project is under the MIT license.

Made with love by Laura Beatris 💜🚀

amazon-next's Issues

Preview

Maybe you should deploy this on Amazon and put a preview link on the description of the repo. You could use serverless architecture with Lambda. I’d recommend using aws-cdk.

Preview is buggy

it looks like that something happened with the production build: https://amazon-next.now.sh/