Top 23 JavaScript Blog Projects
-
NextJS is one of the most popular framework for building hybrid static & server rendered web applications which also uses React.
-
GatsbyJS is the most popular framework for building static websites with a strong focus on SEO. It is fast, flexible, and helps you develop web apps using React. It has been continually staying up to date with the latest technologies over the years as well as applying best practices to search engine algorithms that are constantly changing.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
-
Project mention: [TASK] Help needed with SSL_ERROR_ILLEGAL_PARAMETER_ALERT error on React website | reddit.com/r/slavelabour | 2021-04-22
The blog is based on this theme: https://github.com/alxshelepenok/gatsby-starter-lumen
-
blog-post-workflow
Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed
This uses a GitHub Action called blog-post-workflow a brilliant tool which does all of the heavy lifting behind the scenes to make this simple workflow possible.
-
Project mention: Is there a GitHub repository of a sizable open source website equipped with modern syntax and tools where I can learn the best practices? | reddit.com/r/reactjs | 2021-10-23
I've also seen what you're looking for in Material-UI land, specifically at https://mui.com/getting-started/example-projects/#more-advanced-example-projects, specifically the SaaS project at https://github.com/dunky11/react-saas-template.
-
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
-
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.
-
cobyism/ghost-on-heroku - One-button Heroku deploy for the Ghost blogging platform.
-
Felt this was relevant :): https://usehooks.com/
-
Currently, my blog is hosted using Heroku (and there is a nasty, dirty hack I'm using/co-developing: https://github.com/SNathJr/ghost-on-heroku). But it was only ever a temporary stopgap, as updating and testing it is a real pain in the ass (I have to update the code, and the only way to test it is to spin it up for real, and everyone wants you to do tech support for them while no one wants to contribute).
-
courselit
Create/Sell courses and info products, write blogs, host podcasts on your own branded website.
Project mention: Is there any GitHub repo for a blog with dynamic images (where a user uploads photos) with NextJS? | reddit.com/r/nextjs | 2021-12-10Take a look at CourseLit on GitHub. The frontend is built using NextJS and the backend is built using ExpressJS.
-
After the above analysis of the SSG scheme, at this time the key to optimization of the SPA site is already on paper —— static routing. Compared with frameworks such as nuxt and Gatsby, which have the limitation of conventional routing, create-react-doc has flexible and free organization in the directory structure. Its website building concept is File is Site, and it is also very convenient to migrate existing markdown documents.
-
The goal here is to be able to create a simple static blog website using Strapi as the backend and Gatsby for the frontend The source code is available on GitHub.
-
Project mention: Help me create masonry image gallery with Image component in nextjs | reddit.com/r/nextjs | 2022-01-01
Here is my source: https://github.com/iammatthias/.com/blob/master/components/gallery.js
-
company-engineering-blogs
A collection of companies' engineering blogs, to help you improve your software engineering skill and learn how their software work. 📖🛠
Project mention: What is your framework to get better? | reddit.com/r/cscareerquestions | 2021-12-26https://github.com/MartinsOnuoha/company-engineering-blogs this project aggregates companies and also tags a few posts by topic.
-
Hey there! We’re aware of the issue and will hopefully have it resolved soon. You can track it here: https://github.com/rocky-linux/rockylinux.org/issues/220
-
engineering-portal
A collection of valuable resources by developers -- for developers -- to share practical learnings, development challenges, and open-source initiatives in dev, QA, Infra, and implementation.
Project mention: How to Participate in Hacktoberfest 2021 & win LoginRadius Swags | dev.to | 2021-09-24Async Blog
-
Project mention: I've finally finished my portfolio website with Next.js and Chakra UI that I'm really proud of :) | reddit.com/r/webdev | 2021-06-26
-
Project mention: Prismjs: does importing the syntax for all languages increase the bundles size | reddit.com/r/reactjs | 2021-03-10
I'm trying prismjs lib for syntax highlighting, it sounds like for each languages I need to import a separate part of the core module, now (something like this: https://github.com/EllisMin/gatsby-blog-mdx/blob/442d1135de794a9950293278b2ecbb2eda5e883a/gatsby-browser.js) now I assume each of these will be increase the size of the bundle right? Any workarounds? Maybe lazy loading? I appreciate any feedbacks.
-
Project mention: How to Implement Previews with Next Applications using a Strapi backend | dev.to | 2021-06-29
The first step in this guide will be to create the backend of our blog. We will be using the strapi blog template as a starter for faster and easier development.
-
Project mention: How to cross-post to hashnode and dev.to from your command line | dev.to | 2021-12-29
Dev.to has a REST api and hashnode has a GraphQL endpoints so there must be a tool that uses these endpoints right? Yes there are couple ones. I found two actual products that you need to pay but didn’t want to go for that. And finally I found this github repo.
-
-
11tyby
Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!
JavaScript Blog related posts
- Should I still use class based components?
- Is Next a good choice to rebuild my portfolio site with or would this be considered overkill?
- slc.is - A Markdown Blog on Go
- Firebase SDK versus other fetching packages?
- Auto blog scraper in your GH profile using GH Actions.
- Developer Education – Don’t Underestimate Your Own Expertise with Megan Sullivan
- Using react-firebase-hooks for production?
Index
What are some of the best open-source Blog projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 79,914 |
| 2 | Gatsby | 52,188 |
| 3 | Tale | 4,783 |
| 4 | gatsby-starter-lumen | 1,807 |
| 5 | blog-post-workflow | 1,684 |
| 6 | react-saas-template | 1,422 |
| 7 | gatsby-starter-minimal-blog | 909 |
| 8 | ghost-on-heroku | 737 |
| 9 | usehooks | 417 |
| 10 | ghost-on-heroku | 228 |
| 11 | courselit | 183 |
| 12 | create-react-doc | 152 |
| 13 | strapi-starter-gatsby-blog | 127 |
| 14 | .com | 116 |
| 15 | company-engineering-blogs | 102 |
| 16 | rockylinux.org | 95 |
| 17 | engineering-portal | 88 |
| 18 | abdulrahman.id | 79 |
| 19 | gatsby-blog-mdx | 57 |
| 20 | strapi-template-blog | 49 |
| 21 | cross-post | 45 |
| 22 | Antville | 43 |
| 23 | 11tyby | 36 |
Are you hiring? Post a new remote job listing for free.
