Top 23 JavaScript Gatsbyj Projects
-
Yep, you can import JSX components and embed them with your run-of-the-mill Markdown prose. If you're documenting your JSX based component library, which is what Docz let you do, this makes all the sense in the world. MDX is also used to author slide decks in mdx-deck, which is very appealing if you're tired of clicking around in Keynote/PowerPoint/Google Sheets. Which many of us are. I'm not denying the appeal or usability of MDX for certain things for certain people.
-
Hey mate sorry I don't think that will be a good idea. But my portfolio is heavily inspired by https://brittanychiang.com/
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
-
react-awesome-slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
-
Project mention: Top 15 Best React Website Templates for React Developers [Free and Premium] | dev.to | 2021-11-16
Demo GitHub
-
gatsby-starter-minimal-blog
Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.
Project mention: In July I had migrated to Gatsby4 - it's all slow now | reddit.com/r/gatsbyjs | 2021-10-16I think this article is misleading. Gatsby 4 wasn't available in July yet and the article itself explains updating my starter: https://github.com/LekoArts/gatsby-starter-minimal-blog
-
I used https://github.com/TryGhost/gatsby-starter-ghost, which isn't quite a theme, but comes with a decent amount of complexity, and some bugs.
-
gatsby-starter-mate
An accessible and fast portfolio starter for Gatsby integrated with Contentful CMS.
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
gatsby-starter-wordpress
LOOKING FOR MAINTAINER - - - A GatsbyJS starter template that leverages the WordPress API, ACF and more
I found a post or two like this one that seemed to have a similar issue but the root cause it definitely different.
-
gatsby-plugin-intl
Gatsby plugin that turns your website into an internationalization-framework out of the box.
Project mention: best practices and tips for localization and internationalization with Gatsby | reddit.com/r/gatsbyjs | 2021-12-22 -
gatsby-starter-portfolio-jodie
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.
-
new-tailwind-app
💥 One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in `npx new-tailwind-app` in your terminal and set up everything instantly.
Link: new-tailwind-app
-
gatsby-source-ghost
Source plugin for pulling data into Gatsby.js from the Ghost Public API. (by TryGhost)
Project mention: What should I do to add CMS and blog features to my existing gatsby website (NO Netlify) | reddit.com/r/gatsbyjs | 2021-01-27https://github.com/tryghost/gatsby-source-ghost https://www.gatsbyjs.com/plugins/gatsby-plugin-wordpress/
-
automatic-gatsbyjs-app-landing-page
Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS
-
Project mention: I'm giving out microgrants to open source projects for the third year in a row! Brag about your projects here so I can see them, big or small! | reddit.com/r/programming | 2021-12-28
I created Libre Logos (https://github.com/enjeck/libre-logos), a project that provides high quality free logos to open source projects and NGOs. So far, I have designed 35+ logos with more on the way
-
demolab
Demolab is my fantasy project created to understand the power of JAMstack using JavaScript(Reactjs), API(Netlify and Aws) and pre-built Markup(Gatsby).
-
Project mention: Looking for a contributor for gatsby-source-stripe | reddit.com/r/gatsbyjs | 2021-11-15
I have provided a fix. https://github.com/njosefbeck/gatsby-source-stripe/pull/71
-
gatsby-remark-highlight-code
Adds stylish cards and syntax highlighting to code blocks in markdown files
Project mention: A blogpost about Gatsby and D3 / Some problems with DeckDeckGo Highlighting | reddit.com/r/gatsbyjs | 2021-11-08Besides showing the blogpost, I also want to ask about a problem I've been having with DeckDeckGo code highlighting. I have to refresh the website a couple of times to make the code highlighting work, as it randomly throws some errors. This seems to be something discussed by this issue last year. I tried its fix, but it didn't work. The blog is open source and built with a heavy inspiration on LekoArts' blog template, and you can find it here.
-
gatsby-minimal-portfolio
👔 JAMstack (Gatsby JS) content-focused portfolio blog starter. Features include dark-mode, installable PWA, SEO, code highlighting, form, CI/CD.
Project mention: A 'freelancer' portfolio Gatsby page? (read description) | reddit.com/r/gatsbyjs | 2021-03-22Thanks for feedback! Please leave a star on the GitHub page, really helps the project grow.
-
-
Project mention: How to create pages accordingly to data fetch from API? | reddit.com/r/gatsbyjs | 2021-02-05
part two: smaller issues related to inventory, price changes, etc could be updated via new builds but could also be achieved with some scripts such as: https://github.com/gil--/gatsby-plugin-apollo-client
-
Inspired by Kent C. Dodds, I use multiple JS scripts to generate boilerplate files for new blog posts and tips.
-
shopnote
shopnote is a JAMstack application that helps in creating notes with shopping items. This application is built to showcase the JAMstack concept using Fauna, Netlify Serverless Functions and GatsbyJS.
-
flicks
Flicks is a project to showcase the integration between Gatsbyjs and HarperDB. It provides a Gatsby-based user interface pulling data from the HarperDB. So you can assume it to be a library showing information about my favorite books! (by atapas)
Project mention: Create a serverless book library app with HarperDB and Gatsbyjs | dev.to | 2021-06-14View on GitHub
JavaScript Gatsbyjs related posts
- Dont! Never give up!
- best practices and tips for localization and internationalization with Gatsby
- I am trying to get into the habit of writing. I am sharing my second blog post (it is about JS promises), feedback would help me a lot.
- I Revamped My Portfolio Using React and Styled Components 💅 and Created a Course for it.
- Looking for a contributor for gatsby-source-stripe
- In July I had migrated to Gatsby4 - it's all slow now
- Show HN: Everything I Know – Another wiki theme that supports foam or obsidian
Index
What are some of the best open-source Gatsbyj projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | mdx-deck | 10,532 |
| 2 | v4 | 4,294 |
| 3 | react-awesome-slider | 2,364 |
| 4 | gatsby-simplefolio | 1,380 |
| 5 | gatsby-starter-minimal-blog | 912 |
| 6 | gatsby-starter-ghost | 874 |
| 7 | gatsby-starter-mate | 513 |
| 8 | gatsby-starter-wordpress | 397 |
| 9 | gatsby-plugin-intl | 317 |
| 10 | gatsby-starter-portfolio-jodie | 295 |
| 11 | new-tailwind-app | 225 |
| 12 | gatsby-source-ghost | 160 |
| 13 | automatic-gatsbyjs-app-landing-page | 159 |
| 14 | libre-logos | 125 |
| 15 | demolab | 80 |
| 16 | gatsby-source-stripe | 72 |
| 17 | gatsby-remark-highlight-code | 47 |
| 18 | gatsby-minimal-portfolio | 26 |
| 19 | testimonial | 24 |
| 20 | gatsby-plugin-apollo-client | 20 |
| 21 | website | 18 |
| 22 | shopnote | 15 |
| 23 | flicks | 14 |
Are you hiring? Post a new remote job listing for free.
