Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →
Top 23 JavaScript Jamstack Projects
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.
Strapi is a popular open-source headless CMS built using JavaScript. It has an intuitive, customizable UI for creating content. While writing this article, Strapi's cloud hosting platform is still in beta. Therefore, you need to self-host your Strapi project at the moment. Strapi has several out-of-the-box integrations for some of the most popular tools and frameworks.
-
Ghost - Simple Blogging Platform
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: I made a website for a friend who owns a restaurant. He's wondering if there's a way to upload a picture of his menu daily. What is the best way to do this? | reddit.com/r/learnprogramming | 2023-01-15
Just so you know netlify cms is free. You can get more details here: https://www.netlifycms.org/
-
Node is basically back-end Javascript. While powerful alone, almost exclusively you will use a back-end framework like Next.js or Gatsby when using React, and then maybe Nuxt or Gridsome in Vue.
-
Project mention: Workerd : le moteur d’exécution JavaScript / Wasm qui alimente les Workers de Cloudflare … | dev.to | 2022-12-04
[email protected]:~# npx gatsby new gatsby-starter-netlify-cms https://github.com/netlify-templates/gatsby-starter-netlify-cms info Creating new site from git: https://github.com/netlify-templates/gatsby-starter-netlify-cms.git Cloning into 'gatsby-starter-netlify-cms'... remote: Enumerating objects: 101, done. remote: Counting objects: 100% (101/101), done. remote: Compressing objects: 100% (92/92), done. remote: Total 101 (delta 4), reused 56 (delta 1), pack-reused 0 Receiving objects: 100% (101/101), 1.94 MiB | 7.15 MiB/s, done. success Created starter directory layout info Installing packages... info Preferred package manager set to "npm" . . . info Your new Gatsby site has been successfully bootstrapped. Start developing it by running: cd gatsby-starter-netlify-cms gatsby develop
-
Usually freelancing need portfolios. I'd suggest building a sample project that uses this https://github.com/ndimatteo/HULL since it's really easy to extend if customers ask for more
-
commercejs-nextjs-demo-store
Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, customer login, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Project mention: Need help with Commerce JS store issue - categories and products not showing up | reddit.com/r/learnjavascript | 2022-07-12Original categories banner within the commerce js next js demo store.
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
Well, if you plan to be locked into that environment in the future, why not. It's kinda like MS Office, but for engineers. If you want your code to be viewed by more than a handful of people, I'd choose Python or simply C/C++.
-
Project mention: Just got asked by one of my neighbor to create them a website, after they got to know I am a web developer. I want to, but I am not sure how to. | reddit.com/r/webdev | 2022-12-26
Check out https://primo.so as a way to build static sites for free using HTML & CSS
-
slinkity
To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them 🚀
-
-
commerce.js
Open source, JS eCommerce SDK for building headless, Jamstack applications. Build custom storefronts, carts, and checkouts in any frontend framework, platform, or device. Integrates with Stripe, Square, PayPal, Paymill and Razorpay with support for 135+ currencies.
-
-
commercejs-chopchop-demo
A Commerce.js starter kit for Next.js. A beautifully designed elegantly developed, end to end commerce experience for developers and agencies. Pre-integrated with Stripe. One-click deploy to Vercel.
-
-
eleventy-excellent
Opiniated Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.
Eleventy Excellent demo site Eleventy Excellent GitHub repo
-
greenwood
Greenwood is your full-stack workbench for the web, focused on supporting modern web standards and development to help you create your next project.
Project mention: Server-Side Includes (SSI) - Porkbun static web hosting | reddit.com/r/web_design | 2023-01-03My project Greenwood might be able to help here, depending on what your current setup looks like. Inspired by the old HTML Includes spec, I created a plugin for replicating this sort of edge side include behavior.
-
gatsby-netlifycms-starter-template
All the technologies used are free and open-source. You are free to use this template for a personal hobby blog, a commercial news agency or professional journalist website etc. Don't forget to star the repo if you like this template. NOTE: I would not be able to work further on this project, until Mid November 2022
-
gatsby-minimal-portfolio
👔 JAMstack (Gatsby JS) content-focused portfolio blog starter. Features include dark-mode, installable PWA, SEO, code highlighting, form, CI/CD.
-
-
RC4Community
Full-stack components for building, engaging, and growing your massive on-line community
Why open source? If you ask me, other than the benefits mentioned above, open-source provides us with a platform where opportunities come to you in ways you have never imagined. For example, I got a 500-dollar freelance offer to integrate RocketChat into an application. I stayed the top contributor of RocketChat this season which increased my reach all over the community. I was also nominated by all my team members to add a milestone commit to the project we were working on. I connected with people from different fields of expertise. Most importantly, I enjoyed all of it.
-
P-Blog
P stands for "personal", what else can it be?. ⚡ Own personal blog with custom CMS to implement Next.js and node back-end. And hey! it supports PWA too.
-
covid-19
COVID-19 World is yet another Project to build a Dashboard like app to showcase the data related to the COVID-19(Corona Virus). (by atapas)
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-02-08.
JavaScript Jamstack related posts
- NextJS vs. RedwoodJS: Which One is Better
- Quick and Easy
- 23 of the best Eleventy Themes (Starters) for 2023
- Jamstack: Modern Web Development Made Easy
- Client wants CMS for simple site, what are my options for these specs requested?
- Server-Side Includes (SSI) - Porkbun static web hosting
- Do people build websites with just html/css/vanilla js anymore or is learning react almost mandatory?
-
A note from our sponsor - Appwrite
appwrite.io | 8 Feb 2023
Index
What are some of the best open-source Jamstack projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Strapi | 51,565 |
| 2 | Ghost | 42,351 |
| 3 | netlify-cms | 16,083 |
| 4 | Gridsome | 8,418 |
| 5 | gatsby-starter-netlify-cms | 2,024 |
| 6 | HULL | 1,114 |
| 7 | commercejs-nextjs-demo-store | 999 |
| 8 | githut | 747 |
| 9 | primo | 544 |
| 10 | slinkity | 416 |
| 11 | Ghost-CLI | 403 |
| 12 | commerce.js | 338 |
| 13 | gatsby-starter-glass | 142 |
| 14 | commercejs-chopchop-demo | 134 |
| 15 | quasar-app-extension-ssg | 114 |
| 16 | eleventy-excellent | 113 |
| 17 | greenwood | 73 |
| 18 | gatsby-netlifycms-starter-template | 37 |
| 19 | gatsby-minimal-portfolio | 37 |
| 20 | tiddlyjam | 35 |
| 21 | RC4Community | 34 |
| 22 | P-Blog | 34 |
| 23 | covid-19 | 30 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com