TypeScript Blog

Open-source TypeScript projects categorized as Blog | Edit details

Top 23 TypeScript Blog Projects

  • utterances

    :crystal_ball: A lightweight comments widget built on GitHub issues

    Project mention: GitHub Résumé: Service that creates a résumé based on your GitHub repos/activity | news.ycombinator.com | 2022-05-06

    Super cool. Yeah sure the stars help boost popularity but I actually like the approach. Just like https://utteranc.es/ uses GH issues as a way to store data, I was thinking about how stars can be used as opt-in for things just the other day.

    Also do note that the "Contributions" section is misleading. Without looking deeply into it I'm quite sure it's only pulling contributions for the current calendar year - I also know that's the info GH gives you on that endpoint if you don't want to keep iterating over commit lists until you get to the end.

    That then paints a wrong picture of someone's contributions to projects over time :D A quick note about this would "solve" this by making the tradeoff explicit.

  • leerob.io

    ✨ My portfolio built with Next.js, Tailwind, Prisma, and Vercel.

    Project mention: Using Spotify Web API with SvelteKit Endpoints to create a Now Playing component. | dev.to | 2022-04-20

    Ever since I saw this implementation of the Spotify API in Next.js (check the footer), I've been wanting to do the same thing in SvelteKit. Knowing the song someone's listening to in that very moment makes an otherwise mostly static website feel pretty dynamic.

  • 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!

  • nextjs-notion-starter-kit

    Deploy your own Notion-powered website in minutes with Next.js and Vercel.

    Project mention: Understanding SEO and Web Vitals for your NextJS site and how to improve them? | dev.to | 2022-05-01

    If you want more control over your website via React, then we recommend checking out the accompanying Next.js starter kit, which is free and uses react-notion-x under the hood.

  • giscus

    A comment system powered by GitHub Discussions. :octocat: :speech_balloon: :gem:

    Project mention: Comment system for a personal blog? | reddit.com/r/reactjs | 2022-01-16

    There's also a recent similar tool called https://github.com/giscus/giscus that uses Github Discussions as the backing system, rather than Issues.

  • gatsby-starter-lumen

    A constantly evolving and thoughtful architecture for creating static blogs with Gatsby.

  • notablog

    Tell stories of your work with Notion

    Project mention: Ask HN: Where to Blog? | news.ycombinator.com | 2021-12-29

    I currently use Notablog https://github.com/dragonman225/notablog to write in Notion and publish it as a static site on Github pages.

  • Cromwell

    WordPress-like CMS for Next.js websites (by CromwellCMS)

    Project mention: Quickest & cheapest way for building an online store | reddit.com/r/webdev | 2022-03-03

    GitHub - CromwellCMS/Cromwell

  • 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.

  • theodorusclarence.com

    💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, FaunaDB, and Preact.

    Project mention: I Remake My Personal Site using Tailwind CSS | dev.to | 2022-03-15
  • courselit

    Create/Sell courses and info products, write blogs, host podcasts on your own branded website. An open source alternative to Teachable, Thinkific, Podia and the likes.

    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-10

    Take a look at CourseLit on GitHub. The frontend is built using NextJS and the backend is built using ExpressJS.

  • francoisbest.com

    Homepage & blog

  • braydoncoyer.dev

    My portfolio powered by Next.js, content sourced from Notion, styled with Tailwind CSS and deployed on Vercel. 🙌

    Project mention: How to Dynamically Create Open Graph Images with Cloudinary and Next.js | dev.to | 2021-12-21

    Read on to learn how to do this, or check out my open source blogfolio on GitHub and see how I accomplished this.

  • .com

    Digital garden and photography portfolio built using NextJS, Typescript, MDX, Contentful, Stitches, and Radix.

    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

  • shellbear.me

    Source code of my personal website and blog ✨

    Project mention: Can't figure out why my nav links padding changes when its clicked? | reddit.com/r/css | 2021-11-03

    heres the navbar i was trying to copy that someone posted in r/react: https://shellbear.me/ something like this

  • z

    〽️ 浮之静 (by lencx)

    Project mention: Top Coding Resources and Tools for Beginners (+ Beyond) in 2021 | dev.to | 2021-07-21

    Web Development Guide

  • jeffjadulco.com

    :alien: Personal website running on Next.js

  • vortex

    📜 Customizable blogs. Fast. (by dimensionhq)

    Project mention: Vortex - Create customizable, beautiful and modern blogs in a minute | reddit.com/r/webdev | 2021-12-20

    If you'd like to support us, an upvote at our Product Hunt page and a star on our GitHub repository would be incredible.

  • ef1p

    Explained from First Principles is a technology, science, and philosophy blog for curious people who want to understand and change the world.

  • unicorn-utterances

    🦄 Learning programming from magically majestic words

    Project mention: WebDev 101: How to use npm and Yarn | dev.to | 2022-04-19

    { "name": "unicorn-utterances-site", "description": "Learning programming from magically majestic words", "version": "0.1.0", "bugs": { "url": "https://github.com/unicorn-utterances/unicorn-utterances/issues" }, "scripts": { "start": "node index.js", }, "dependencies": { "classnames": "^2.1.3" }, "devDependencies": { "prettier": "^1.19.1" } }

  • phuctm97.com

    🏚 Home on the Web

  • ngx-scully-blog

    A simple blog for developers that is easy to setup and SEO supported.

  • nextjs-mdx-food-blog

    A food blog built with Next.js, MDX, Tailwind CSS, and TypeScript

    Project mention: Dark Mode in Next.js with Tailwind CSS Typography | dev.to | 2021-07-30

    Here, we will use the previously created NextJS MDX Food Blog (simple).

  • yours-sincerely

    An ephemeral anonymous blog to send each other tiny beautiful letters

    Project mention: I built a web app to help myself practice writing more in a low friction environment | reddit.com/r/SideProject | 2022-01-20

    Code is open source (https://github.com/kyh/yours-sincerely) so would appreciate stars 😇

  • markblog

    The way to blog with markdown.

    Project mention: Show HN: Md2blog – A zero-config static site generator for dev blogs | news.ycombinator.com | 2021-11-29

    We did a lot the same way (even using Deno!), but we did themes a little differently. I used custom CSS-files, but your approach is even simpler.

    Not to detract from Md2blog, I just want to add it to the converstaion for anyone interested in these things :) Keep up!

    [1]: https://github.com/olaven/markblog

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 2022-05-06.

TypeScript Blog related posts


What are some of the best open-source Blog projects in TypeScript? This list will help you:

Project Stars
1 utterances 6,484
2 leerob.io 3,588
3 nextjs-notion-starter-kit 2,522
4 giscus 2,156
5 gatsby-starter-lumen 1,839
6 notablog 444
7 Cromwell 438
8 theodorusclarence.com 253
9 courselit 231
10 francoisbest.com 198
11 braydoncoyer.dev 182
12 .com 155
13 shellbear.me 148
14 z 132
15 jeffjadulco.com 65
16 vortex 60
17 ef1p 52
18 unicorn-utterances 40
19 phuctm97.com 36
20 ngx-scully-blog 29
21 nextjs-mdx-food-blog 26
22 yours-sincerely 23
23 markblog 15
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.