TypeScript Nextjs

Open-source TypeScript projects categorized as Nextjs

Top 23 TypeScript Nextj Projects

  • GitHub repo Blitz

    ⚡️The Fullstack React Framework — built on Next.js

    Project mention: My Ruby on Rails stack for side projects in 2021 | dev.to | 2021-03-01

    Why would you start a new side project in Ruby on Rails in 2021? Shouldn't you use something like Next.js or even Blitz? Well, I find that Ruby on Rails is still one of the most productive ways to create an application. It is safe and boring and it gets the job done.

  • GitHub repo Kutt.it

    Free Modern URL Shortener.

    Project mention: Self hosted URL shortener with conversion tracking? | reddit.com/r/selfhosted | 2021-02-23
  • GitHub repo commerce

    Next.js Commerce

    Project mention: Create a new Shopify Customer from API Routes | reddit.com/r/nextjs | 2021-03-03

    I'm don't have a clear answer to your problem. But check out the Shopify integration the NextJS team (and community) is working on here https://github.com/vercel/commerce/tree/agnostic/framework/shopify. They are almost done with it, meaning you can use it with the NextJS commerce project

  • 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: (Beginner Question) Are there different GraphQL Notations? | reddit.com/r/graphql | 2021-03-05

    Your first example is the code-first development approach (example), while the latter one is schema-first, popularized by Apollo.

  • 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: A Proof of Concept Project: Hosting React sites on AWS S3 and CloudFront (multiple scenarios) | reddit.com/r/reactjs | 2021-03-02
  • GitHub repo actions-gh-pages

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

    Project mention: Quick Guide to Auto Compress your CSS and JS when you Git Merge or Pull | reddit.com/r/webdev | 2021-01-17

    Well, for instance let's say your project is on Gitlab/Github. You would simply configure the Gitlab CI or use Github Actions to run the command that process your css files, and then if that command is a success you would continue with the next command that would deploy the project with the generated files (like pushing on github pages). I would recommend trying that on Github Actions with github pages for hosting the end result. But can be any CI tool. This action let you publish on gh-pages easily: https://github.com/peaceiris/actions-gh-pages

  • GitHub repo next-redux-wrapper

    Redux wrapper for Next.js

    Project mention: NextJS: Do I need to use getInitialProps with next-redux-wrapper to share state to all pages? | reddit.com/r/nextjs | 2021-01-24

    I was able to use it pretty successfully following along with their documentation. Here is a link that might be helpful! https://github.com/kirill-konshin/next-redux-wrapper#usage

  • GitHub repo Reactime 6.0: State Debugger for React

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

  • GitHub repo nookies

    🍪 A set of cookie helpers for Next.js

    Project mention: Very lost with regards to Next JS authentication with a custom backend, any advice/input welcome | reddit.com/r/reactjs | 2021-02-26

    When the user submits the login form, you send an API request with their user/password. Your API handles it however you wish, and on success returns a user token. Using cookies (I've found the nookies library helpful for dealing with cookies), save that token locally, and then send that token along with every API request.

  • GitHub repo egghead-next

    The frontend for egghead.io.

    Project mention: I'm planning to do computers in college. Would anyone have any advice they could give me? | reddit.com/r/DevelEire | 2021-02-23

    Egghead - Broad Range of Stuff

  • 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: Add Dark Mode when using Nextjs with Next Themes and Tailwind CSS | dev.to | 2021-02-17

    After several recommendations I wanted to give next-themes a try. In this post I'll cover adding it along with Tailwind CSS to a Next.js website. A demo of what we will be building: https://dlw-nextjs-themes-tailwindcss-dark-mode.vercel.app/

  • GitHub repo bobarr

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

    Project mention: Are we still allowed to post dashboard screenshots? I made one for my 'deity' themed infrastructure | reddit.com/r/selfhosted | 2021-01-09

    Somebody’s already made that, it’s called Bobarr.

  • GitHub repo nextjs-auth0

    Next.js SDK for signing in with Auth0

    Project mention: How to add a Bearer token to `getServerSideProps` api request | reddit.com/r/nextjs | 2021-02-11
  • GitHub repo react-esi

    React ESI: Blazing-fast Server-Side Rendering for React and Next.js

  • GitHub repo ts-monorepo

    Template for setting up a TypeScript monorepo

    Project mention: Use ts-node with monorepo packages | reddit.com/r/typescript | 2021-01-10

    Check out https://github.com/NiGhTTraX/ts-monorepo and the linked blog posts explaining how to use path aliases and the tsconfig-paths package.

  • GitHub repo nest-next

    Render Module to add Nextjs support for Nestjs

    Project mention: Fullstack API Tutorial #1 NodeJs, NestJs, React, TypeORM & TypeScript | reddit.com/r/reactjs | 2021-01-26

    Here I tried to add Nextjs support to Nestjs https://github.com/exc1ut/bookviewer . You can also use this Nestjs module https://github.com/kyle-mccarthy/nest-next#readme

  • GitHub repo nextjs-notion-starter-kit

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

    Project mention: Embedded interactive WebGL animation in Notion headers (open source & free) | reddit.com/r/Notion | 2021-02-05

    source code

  • GitHub repo react-static-tweets

    Extremely fast static renderer for tweets.

    Project mention: Show HN: Static Tweet Rendering | news.ycombinator.com | 2021-02-16
  • GitHub repo next-startd

    ⚡ Free Next.js landing page template for SaaS products, online services and more.

    Project mention: I created STARTD. It is a free open source landing page template. Built with Next.js, TypeScript and Twind. | reddit.com/r/learnjavascript | 2021-03-02
  • GitHub repo thunderhub

    ThunderHub LND Lightning Node Manager in your Browser

    Project mention: Any good GUIs? | reddit.com/r/lightningnetwork | 2021-01-05
  • GitHub repo Next-js-Blog-Boilerplate

    🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

    Project mention: Boilerplate and starter code for Serverless Framework with Express JS and TypeScript | reddit.com/r/serverless | 2021-02-25

    After publishing boilerplate code for 11ty (https://github.com/ixartz/Eleventy-Starter-Boilerplate) and Nextjs (https://github.com/ixartz/Next-js-Blog-Boilerplate), I want to share another starter code for Serverless framework.

  • GitHub repo pathpida

    TypeScript friendly internal link client for Next.js and Nuxt.js.

    Project mention: Simple Tips on How to easily Deploy an Open-Source TypeScript Internal Link Client for Next.js | dev.to | 2021-02-11

    For the manipulation of internal links in Next.js/Nuxt.js, pathpida does help in automatically generating type definition files.

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-03-05.

Index

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

Project Stars
1 Blitz 7,079
2 Kutt.it 4,601
3 commerce 3,178
4 nodejs-api-starter 3,140
5 saas 2,224
6 serverless-next.js 1,803
7 actions-gh-pages 1,797
8 next-redux-wrapper 1,503
9 Reactime 6.0: State Debugger for React 1,207
10 nookies 1,008
11 egghead-next 888
12 next-themes 756
13 bobarr 688
14 nextjs-auth0 610
15 react-esi 532
16 ts-monorepo 423
17 nest-next 339
18 nextjs-notion-starter-kit 321
19 react-static-tweets 192
20 next-startd 182
21 thunderhub 123
22 Next-js-Blog-Boilerplate 122
23 pathpida 113