Best of eCommerceOctober 2024

  1. 1
    Video
    Avatar of youtubeYouTube·2y

    Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project with Stripe

    Learn how to build a full stack e-commerce website using the MERN stack (MongoDB, Express.js, React.js, and Node.js). The tutorial covers building a homepage displaying new collections and best sellers, integrating product filters, adding user login and sign-up functionality, implementing a shopping cart and checkout process with payment options like Stripe and Cash on Delivery, and creating an admin panel for order management. The guide provides step-by-step instructions, emphasizing responsive design and usage of context API for state management.

  2. 2
    Video
    Avatar of communityCommunity Picks·2y

    Atomic Repositories in Clean Architecture and TypeScript

    Achieving atomicity in a repository pattern within a clean architecture JavaScript project is crucial for ensuring all database queries are executed or none at all, especially in complex flows like e-commerce checkouts. A process prone to errors, such as availability checks and payment issues, needs to rollback operations if a failure occurs, which can be managed using transactions. This guide demonstrates creating and managing transactions with Drizzle in a Next.js to-do application, ensuring that if any part fails, all operations are reversed to maintain database integrity.

  3. 3
    Video
    Avatar of lundeveloperLun Dev Code·2y

    Remove Image Backgrounds With One Line Of Code From Master CSS

    The post introduces a method to remove image backgrounds using a single line of CSS code, specifically utilizing the mix-blend-mode property. This technique ensures that product images blend seamlessly with the website's design, addressing issues caused by non-transparent backgrounds. The approach is compatible with all major browsers and provides a powerful solution for consistent web design, especially in e-commerce.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    Headless E-Commerce for Laravel

    Lunar is an open-source package that adds headless e-commerce functionality to Laravel. It provides flexibility to build custom online stores, an administration hub for managing catalogues and orders, and a RESTful JSON:API for powering JavaScript or mobile store fronts. The installation is straightforward, requiring just two commands to set up. Lunar is built around Laravel Eloquent models, making it familiar for Laravel developers.

  5. 5
    Article
    Avatar of logrocketLogRocket·2y

    Homepage design for ecommerce sites: Tips & best practices

    The homepage design of an ecommerce site is crucial, serving as both an entry point and category page, especially for niche markets. Highlight key benefits, use hero sections wisely, and ensure quality visuals to build trust. Employ social proof and FOMO subtly to boost conversions. Always prioritize user experience (UX) and consider SEO impacts for better online performance. A/B testing is essential to tailor the homepage to your specific audience and market needs.

  6. 6
    Article
    Avatar of codropsCodrops·2y

    UI Interactions & Animations Roundup #47

    A curated collection of standout UI interactions and animations, featuring contributions from various designers and studios. Highlights include innovative website interactions, motion design, ecommerce hero sections, investment apps, marketing agency landing pages, and unique 404 pages.

  7. 7
    Article
    Avatar of communityCommunity Picks·2y

    Understanding front end as a service (FEaaS)

    Front End as a Service (FEaaS) greatly simplifies building and maintaining scalable front ends by offering cloud infrastructure and ready-made components. It accelerates development, reduces costs, and allows faster market entry, though it may limit customizability. FEaaS supports a variety of industries like ecommerce and internal tools, catering to both technical and non-technical users with SDKs or drag-and-drop interfaces. Major benefits include reduced development time, lower labor and maintenance costs, and improved performance through built-in optimizations and CDN support. However, drawbacks like platform lock-in and potential downtime due to service interruptions need consideration.

  8. 8
    Video
    Avatar of youtubeYouTube·2y

    The EASIEST Way To Build Your Mobile App In 30 Minutes (No Code)

    Learn how to build a mobile app in under 30 minutes without any coding knowledge by using the Good Barber platform. This no-code, drag-and-drop tool allows you to create both simple and complex apps for iOS and Android, manage marketing, get app statistics, and integrate monetization features. With over 190 plugins and third-party API support, you can customize your app to fit various needs, from e-commerce to memberships.

  9. 9
    Article
    Avatar of wpbeginnerWordPress Beginner·2y

    6 Best WP Engine Alternatives (More Affordable and Reliable)

    This post lists six viable alternatives to WP Engine for WordPress hosting. It includes recommendations such as Rocket.net for high-traffic sites, SiteGround for overall best performance, and Hostinger for affordability. Each hosting provider is evaluated based on reliability, price, and customer support. The post also discusses the importance of performance and provides guidance on migrating away from WP Engine, including the option of professional migration services.

  10. 10
    Article
    Avatar of planetgolangPlanet Golang·2y

    Gumroad, where is my money?

    The author shares their experience with Gumroad's sudden support issues, including the abrupt drop of PayPal support without prior notice. Despite successful transactions through Gumroad for GoReleaser Pro, a recent lack of responses from Gumroad's support team has caused significant concern. The author emphasizes the need for better communication and transparency from Gumroad to maintain trust with their users. They remain committed to ensuring their own customers are unaffected by these issues.