TypeScript Nextjs

Open-source TypeScript projects categorized as Nextjs

Top 23 TypeScript Nextj Projects

  • GitHub repo Kap

    An open-source screen recorder built with web technology

    Project mention: How do I record internal Audio on m1 Mac | reddit.com/r/MacOS | 2021-06-17

    Try https://getkap.co it's free and open-source.

  • GitHub repo tinacms

    Open source editor that brings visual editing into React websites. A developer-centric CMS to build contextual and intuitive editing experience without sacrificing code quality.

    Project mention: Static site generators to watch in 2021 | news.ycombinator.com | 2021-06-07
  • GitHub repo Kutt.it

    Free Modern URL Shortener.

  • GitHub repo commerce

    Next.js Commerce

    Project mention: Resources for learning how to design a beautiful Shopify store? | reddit.com/r/shopify | 2021-06-17
  • GitHub repo nodejs-api-starter

    💥 Yarn v2 based monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.

    Project mention: Preparing a project, and a tehnologies stack | reddit.com/r/node | 2021-05-31

    (1) React + API monorepo VS (2) React + API as separate repositories

  • GitHub repo saas

    Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.

    Project mention: Our open source repo is trending on Github for the third day in TypeScript category | reddit.com/r/webdev | 2021-01-04

    As for type definitions you may not looked over entire codebase, just data stores and store methods or data models and their CRUD methods? Just these two parts have a few hundred type definitions: https://github.com/async-labs/saas/tree/master/app/lib/store

  • GitHub repo serverless-next.js

    ⚡ Deploy your Next.js apps on AWS [email protected] via Serverless Components

    Project mention: Next.js 11 | news.ycombinator.com | 2021-06-15

    >Running a custom server means no deploying to Vercel. I understand that one the most, since Vercel has decided to lean on serverless

    For those who want simple serverless deployment, but don't want to vendor lock in with Vercel, checkout serverless-next.js, it makes deploying to aws [email protected] directly a breeze, it's awesome![1].

    1: https://github.com/serverless-nextjs/serverless-next.js

  • GitHub repo next-i18next

    The easiest way to translate your NextJs apps.

    Project mention: How to refresh next-i18next content update automatically? | dev.to | 2021-06-13

    When I started using next-i18next, I realized next dev server only loaded the translation files once when initialized and never updated even if I reloaded the page on my browser since server side doesn't change. Whenever I updated the translation, I needed to restart next dev server, which was bad developer experience.

  • GitHub repo actions-gh-pages

    GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.

    Project mention: Deploy React App using GitHub Actions | dev.to | 2021-05-20

    Repo linked here

  • GitHub repo next-redux-wrapper

    Redux wrapper for Next.js

    Project mention: Considering if I should introduce Next.js to the team | reddit.com/r/reactjs | 2021-05-27

    Since then, though, I've been working towards moving us over to a new Next.js subproject as the long-term migration plan. Right now I've got Next proxied behind the existing Express backend, and I'm using s to show Next-rendered UI inside of the legacy client. Working great so far. (I've been wanting to do a blog writeup on this for months, but haven't had time.)

    I actually hadn't ever tried to use Redux with Next at all until just recently, when I added it to one specific page in the new client. My impressions are:

    • The big problem is that Next codebases are set up on a per-page basis, rather than the global app setup you see in CRA or React Native. So, the Redux store setup also has to be per-page if there's different reducer logic.
    • There's an assumption that you probably want to use Redux to do some SSR rendering, and then pass the initial state to rehydrate the store on the client as well. That's where tools like https://github.com/kirill-konshin/next-redux-wrapper come in.

    In our case we don't have any SSR or SSG going on. I ended up borrowing some store setup logic from the existing withRedux and withReduxToolkit examples in the Next repo, but skipped all the store persistence stuff.

    So, it's doable, but there's a couple additional aspects to consider beyond what you'd see in a CRA project.

  • GitHub repo Reactime 6.0: State Debugger for React

    Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).

    Project mention: We are the developers of kangaVue, an open source developer tool for Vue. Have any suggestions? Try it here and let us know what to add! | reddit.com/r/vuejs | 2021-04-15

    Hi Vue developers! We are open source developers on Reactime, A Time Travel Debugger for React Inspired by Redux DevTools. We all have experience building apps in Vue as well and love that Vue Dev Tools already offers some state jump functionality. However, we thought it would be a good idea to bring some of the other benefits of Reactime to Vue developers, like web-metrics and a graphical UI.

  • GitHub repo nookies

    🍪 A set of cookie helpers for Next.js

    Project mention: How do you handle relogging in users? | reddit.com/r/nextjs | 2021-05-19
  • GitHub repo superplate

    A well-structured production-ready frontend boilerplate with Typescript, Jest, testing-library, styled-component, Sass, Css, .env, Fetch, Axios, Reverse Proxy, Bundle Analyzer and 30+ plugin. For now, only creates projects for React and Next.js. https://pankod.github.io/superplate/

    Project mention: Superplate is a revolutionary CLI tool for frontend developers. It creates boilerplate projects in seconds, with no need for build configurations. | reddit.com/r/opensource | 2021-04-23
  • GitHub repo next-boilerplate

    A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/

    Project mention: superplate - Performance-oriented Frontend application creator with popular tools | dev.to | 2021-03-23

    It has been a long time since we started the next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.

  • GitHub repo react-notion-x

    Fast and accurate React renderer for Notion. TS batteries included. ⚡️

    Project mention: Destack - A visual page builder for Next.js | reddit.com/r/npm | 2021-05-06

    I turned back to the JS community and looked for alternatives. While looking at some interesting projects such as https://github.com/NotionX/react-notion-x I thought it would be nice to have an integrated page builder for Next.js. One that works a bit like Wordpress (not exactly though) and shows the builder locally, and the built page in prod (eg. on Vercel).

  • GitHub repo egghead-next

    The frontend for egghead.io.

    Project mention: Best resources to become self-taught Frontend Web Developer | reddit.com/r/Frontend | 2021-06-15

    Kind of a negative approach to your question, I would not recommend egghead.io. Besides a few very good tutorials, it's been largely ineffective for me.

  • GitHub repo next-themes

    Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing

    Project mention: Is it possible/How do I save the state of a checkbox without JS? | reddit.com/r/Frontend | 2021-05-28

    That's the gist of it. There's some hidden gotchas that I won't dive into, but for inspiration you can look at https://github.com/pacocoursey/next-themes.

  • GitHub repo trpc

    🧙‍♀️ End-to-end typesafe APIs made easy

    Project mention: DenoDB | news.ycombinator.com | 2021-06-17

    Prisma looks great as someone who lives in Typescript land. Have you been using it "in anger", are there any limitations you've run into that its worth keeping in mind? I'm going to give it a shot on my personal project. It was either that or tRPC with Zod:

    https://github.com/trpc/trpc

    (Not quite solving the same issues, but in the ballpark)

  • GitHub repo nextjs-auth0

    Next.js SDK for signing in with Auth0

    Project mention: Authentication with Auth0 and Next.js | dev.to | 2021-04-21

    Auth0 have done just that with an amazing library specifically for Next.js - very creatively called nextjs-auth0. This allows you to use the power of Auth0 to manage account creation, logging in and out, session cookies etc, and provides a simple set of functions that you can use to created gated content.

  • GitHub repo nextjs-notion-starter-kit

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

    Project mention: We've built a tool to turn Notion pages into websites for free 🐱 | reddit.com/r/Notion | 2021-06-01
  • GitHub repo bobarr

    🍿 The all-in-one alternative for Sonarr, Radarr, Jackett... with a VPN and running in docker

    Project mention: Sonarr, Radarr, Lidarr, NZBGet, routing our traffic though a VPN... and why not Bobarr? | reddit.com/r/unRAID | 2021-04-12

    Looking for this I stumbled into Bobarr... it seem to combine everything you need... but even after one year no one made a Unraid app... why???

  • GitHub repo next-sitemap

    Sitemap generator for next.js. Generate sitemap(s) and robots.txt for all static/pre-rendered/dynamic/server-side pages.

    Project mention: Do you use a sitemap? | reddit.com/r/nextjs | 2021-04-07

    I can really recommend https://github.com/iamvishnusankar/next-sitemap here.

  • GitHub repo ts-monorepo

    Template for setting up a TypeScript monorepo

    Project mention: How do you import from "dist" directory of a Lerna package? | reddit.com/r/node | 2021-04-08

    If these are libraries, and you aim to publish them, you will have to do some mangling in the prepublish scripts. I actually describe this in a recent issue here: https://github.com/NiGhTTraX/ts-monorepo/issues/53

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 2021-06-17.

Index

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

Project Stars
1 Kap 13,813
2 tinacms 6,256
3 Kutt.it 4,978
4 commerce 3,929
5 nodejs-api-starter 3,219
6 saas 2,435
7 serverless-next.js 2,349
8 next-i18next 2,232
9 actions-gh-pages 2,094
10 next-redux-wrapper 1,670
11 Reactime 6.0: State Debugger for React 1,287
12 nookies 1,274
13 superplate 1,074
14 next-boilerplate 1,047
15 react-notion-x 1,009
16 egghead-next 973
17 next-themes 944
18 trpc 901
19 nextjs-auth0 859
20 nextjs-notion-starter-kit 782
21 bobarr 766
22 next-sitemap 616
23 ts-monorepo 576