nextjs-starter-medusa
Gatsby
Our great sponsors
nextjs-starter-medusa | Gatsby | |
---|---|---|
25 | 356 | |
1,243 | 54,973 | |
11.7% | 0.1% | |
9.4 | 9.4 | |
2 days ago | 9 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
nextjs-starter-medusa
-
What we've learned from the transition to Next.js 14 with Server Components
Like Medusa, the Next.js Starter is fully open source. Check out the live demo or get the code on GitHub.
-
MedusaJS: What we shipped in the past 12 weeks to our open-source commerce toolbox
Yes, check out this one: https://next.medusajs.com/ - all source code for it is open sourced
-
Announcing Next.js Starter with App Router support
Unique commerce experiences begin at the frontend. We are therefore excited to announce our newly updated Next.js Starter Template with App Router support as an easy way for developers to get started building performant storefronts for Medusa.
Visit the hosted demo of the template. Or, learn how to set it up in our Docs.
-
Should we put all Context Providers at the very top of the app?
Hello guys! I'm investigating a repo from this link: https://github.com/medusajs/nextjs-starter-medusa/blob/main/src/pages/_app.tsx. This is an e-commerce template for Medusa.js. As you can see in the `_app.tsx`, all the Context Providers are located here which confused me a bit. After searching through the codebase, I found out that the `MobileMenuProvider` is only working in the `Nav` component, other components don't need it.
Thanks. I know we shouldn't care about re-render if there is no performance issue. But I still think that we need to memoize the value of context if we have other states in the provider that isn't included in the value. For example, in this provider, we have a custom hook. When it re-renders, the provider re-renders as well. That creates a new value object and all consumers re-render.
-
B2B Commerce w. Medusa: Set up a Next.js storefront (2/2)
npx create-next-app -e https://github.com/medusajs/nextjs-starter-medusa b2b-storefront
-
10 Ways to Get Involved with No Code Open Source Contributions
View on GitHub
-
How to Easily Set Up Advanced Analytics for Your Ecommerce Storefront
Now that you have every backend component ready, you need to take care of the storefront. You can build a whole storefront yourself but for this tutorial, you’ll use the official Next.js Starter provided by Medusa.
-
We Released a New Next.js Ecommerce Storefront with Ready Integrations to PayPal, MeiliSearch, Stripe, and more!
Read more below to learn about what this new storefront provides. You can check out the GitHub repository to get started with the storefront!
Gatsby
-
Gatsby tutorial: Build a static site with a headless CMS
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
-
Building a High-Performance Website with Next.js and WordPress
While Next.js is a powerful framework for building server-rendered React applications, it's not the only option for developers looking to create high-performance websites. One notable alternative is Gatsby, a static site generator that leverages React and GraphQL.
-
The Current State of React Server Components: A Guide for the Perplexed
The other piece of important information to acknowledge here is that when we say RSCs need a framework, “framework” effectively just means “Next.js.” There are some smaller frameworks (like Waku) that support RSCs. There are also some larger and more established frameworks (like Redwood) that have plans to support RSCs or (like Gatsby) only support RSCs in beta. We will likely see this change once we get React 19 and RSCs are part of the Stable version. However, for now, Next.js is currently the only framework recommended in the official React docs that supports server components.
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
GatsbyjsCMS - Gatsby is the fast and flexible framework that makes building websites with any CMS, API, or database fun again. Build and deploy headless websites that drive more traffic, convert better, and earn more revenue!
-
ReactJS Good Practices
GatsbyJS
-
Abstract Syntax Trees and Practical Applications in JavaScript
Babel plugins are everywhere. From being used to remove unwanted exports from files in Gatsby to being used to disallow users from doing re-exports in Nextjs.
-
How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free
In terms of GitHub stars, SSGs like Next.js, Hugo, Gatsby, Docusaurus, Nuxt.js, and Jekyll top the list. Some popular SSGs even host conferences and workshops, providing resources and networking opportunities for those looking to explore more advanced topics in depth.
-
Finding the Best React CMS: A Comprehensive Guide
Flexibility : Developers have complete control over the frontend so they can use their preferred tools and frameworks like React, Next.js, Gatsby, or Remix.
-
Chakra UI vs Shadcn UI
Both Chakra UI and Shadcn supports reusable components and can be used with different frameworks like React, Gatsby, Next etc.
-
Converting a Gatsby Site to Use TypeScript
Alternatively, you can use the tsconfig.json file from the official Gatsby minimal starter TypeScript repository:
What are some alternatives?
Svelte - Cybernetically enhanced web apps
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
SvelteKit - web development, streamlined
Express - Fast, unopinionated, minimalist web framework for node.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Nest - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
redwood - The App Framework for Startups
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
Medusa - Building blocks for digital commerce
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
husky - Git hooks made easy 🐶 woof!