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 TypeScript Gatsby Projects
✍ It has never been so easy to document your things!Project mention: Why aren't Node.js package managers interoperable? | dev.to | 2022-10-07
This is a real concern. I've worked on some Yarn projects where I sometimes forget and accidentally run npm. Although these package managers (I'll call them PMs for short) are interoperable to some degree, there are important differences between these tools, so you should know what you're getting into. Even in seemingly simple projects, results can vary. Here are two reports of things working with one PM, but not another. Moreso, running install once is very different from continuous concurrent use, where you're adding and removing packages and more.
Drag and drop headless CMS for React, Vue, Svelte, Qwik, Angular, and moreProject mention: 5 Open Source Tools for your Ecommerce Stacks | dev.to | 2023-01-27
Check out Builder.io’s GitHub repository for more details about its features and community.
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.Project mention: Where can I host a basic HTML page? Free. | reddit.com/r/webdev | 2022-12-11
Check out the GitHub action you can use for deploying to GitHub pages: https://github.com/peaceiris/actions-gh-pages.
React hook library, ready to use, written in Typescript.Project mention: React.dev | news.ycombinator.com | 2023-03-16
Take a look at Use hooks libraries for examples of code that you may want to have portability with (this is they typescript one because its the one I've used)
One of the simplest examples is "useToggle" which just sets a state variable to true or false. Not hard to write in a class component but it's still stuff that you may end up writing a lot.
A lot of similar ones are click and event handlers that need to be cleaned up after the component is unmounted.
useIsMounted is one I use a lot too to ensure I'm not trying to write state on an API callback once a component is unmounted.
You could add each of these to a class with an hoc and end up with withToggle(withIsMounted(withUseMediaEvent(MyComponent))) but that tends to be a bit of a mess.
Visual page builder and web design tool for any website or web app tech stackProject mention: Is there a nocode ui builder which lets you use professional backend resources? | reddit.com/r/nocode | 2023-02-15
I think Plasmic satisfies all of your requirements: https://www.plasmic.app/
Platform for deploying static sites and frontend applications easily. Automatic SSL, deploy previews, reverse proxy, and more.Project mention: Is there a CC-like license with a timed exclusivity clause? | reddit.com/r/creativecommons | 2023-01-29
A constantly evolving and thoughtful architecture for creating static blogs with Gatsby.Project mention: Building a 11ty website in a weekend | dev.to | 2022-11-17
Until now, my personal website was using a Gatsby with a beautiful template named Lumen. Since I don't want to re-write my website every year to follow the latest trend in React world and since I couldn't change much without learning the framework, I've decided to switch to something else. Many static site generators needs several days or weeks to be mastered, so I went for the simpler solution to be able to build the first version of my website in a weekend: 11ty.
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!
Reactime 6.0: State Debugger for React
Chrome developer tool for time travel debugging and performance monitoring in React applications.Project mention: ReacTime Feedback Request | reddit.com/r/reactjs | 2023-03-01
Thanks a lot! Link to github: https://github.com/open-source-labs/reactime
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
React Google Maps APIProject mention: google-maps-react problem with Markers | reddit.com/r/reactjs | 2022-12-22
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.Project mention: How to write code for a design that has svg object in background | reddit.com/r/react | 2023-01-03
I would probably do it like Leno arts did with this project https://github.com/LekoArts/gatsby-starter-portfolio-cara
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.
Build beautiful, interactive API Docs with embeddable React or Web Components, powered by OpenAPI and Markdown. (by stoplightio)Project mention: The Three Steps of Building Design-First APIs in Kubernetes | dev.to | 2022-12-12
Complete, up-to-date, and exhaustive documentation that can be generated with Stoplight Elements
An accessible and fast portfolio starter for Gatsby integrated with Contentful CMSProject mention: Developer Showcase Spotlight: Low-code examples of building blogs | dev.to | 2022-10-06
I’d been searching the web for a suitable template, and eventually I found the Mate portfolio starter by software engineer Ema Suriano. This is a beautiful single page site with a customizable and responsive design regardless of whether you access it on a desktop, smartphone, or magic mirror. If you end up using this template yourself, be sure to buy them a coffee.
Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.
Gatsby plugins for building websites using Prismic
TypeScript starter for Gatsby. No plugins and styling. Exactly the necessary to start. Ready for Gatsby 5 🔥Project mention: How To Integrate Gatsby with Shopify using Shopify Custom Apps | dev.to | 2022-05-31
You can also use a starter like [gatsby-starter-ts](https://github.com/jpedroschmitz/gatsby-starter-ts)
GitHub Action to build and deploy your Gatsby site to GitHub Pages ❤️🎩
Headless Starter with Sanity + Gatsby + Shopify Repo (by ctrl-alt-del-world)Project mention: Routing for Auth-only pages | reddit.com/r/gatsbyjs | 2022-08-15
Deploy your gatsby site to a S3 bucket.Project mention: Retrieving values from gitlab environment variables to be used in gatsby-*.js files | reddit.com/r/gatsbyjs | 2022-06-07
You should just be able to read the value from process.env.API_TOKEN. Here's an example which reads several values from environment variables.
Gatsby source plugin for building websites using Sanity.io as a backend.Project mention: Prismic CMS Limitations/Bugs? | reddit.com/r/gatsbyjs | 2022-09-06
I mentioned in another reply that the issue with images was within rich text, using the Portal text package. As I out described in my issue, it's not an issue of docs. GatsbyImageData is not output in the graphql, just a _ref which appears to be the filename without any path or domain. GatsbyImageData is used to process the image so if a content editor throws in a 2000px wide image, I can use that output to make a smaller image.
Official docs, website, and handbook for PostHog.Project mention: Show HN: I spent 2 years building Tablane as a 17-year-old | news.ycombinator.com | 2023-01-06
Easily translate your Gatsby website into multiple languagesProject mention: Best internationalization for Gatsby | dev.to | 2022-08-09
There are some plugins/libraries that may help instrumenting the Gatsby code for internationalization. In this article we will use a plugin based on the famous i18n framework i18next, respectively its great extension for React.js - react-i18next. The Gatsby plugin we're using is gatsby-plugin-react-i18next created by Dmitriy Nevzorov.
TypeScript Gatsby related posts
ReacTime Feedback Request
1 project | reddit.com/r/reactjs | 1 Mar 2023
Gitignore template generator
1 project | reddit.com/r/programming | 3 Feb 2023
5 Small and Hidden React libraries you should already be using
4 projects | dev.to | 3 Dec 2022
✨ Gitignored: A free open-source gitignore template generator written in NextJS ✨
1 project | reddit.com/r/coolgithubprojects | 6 Nov 2022
1 project | reddit.com/r/cscareerquestions | 12 Oct 2022
Give your blog superpowers with MDX in a Next.js project
1 project | dev.to | 23 Sep 2022
Prismic CMS Limitations/Bugs?
3 projects | reddit.com/r/gatsbyjs | 6 Sep 2022
A note from our sponsor - Appwrite
appwrite.io | 1 Apr 2023
What are some of the best open-source Gatsby projects in TypeScript? This list will help you:
|8||Reactime 6.0: State Debugger for React||1,802|