Skip to content
Hallway
0:00 / 0:00

#nx#nextjs#express

Typescript NX Monorepo with NextJS and Express

Jack Herrington

210K subscribers • 2 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Jack Herrington, software engineer
  • Linked in the descriptionjherr/nx-with-exp-nextjs
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

50K views5 years ago2 recommendations

Web developmentSoftware designTypeScriptFull-stack frameworksHTTP, REST and GraphQL

Jack Herrington demonstrates how to set up an NX monorepo with an Express API, a Next.js application, and shared TypeScript types.

Let's build an NX monorepo with an express API that shares Typescript types with a NextJS applications that we then test with Cypress. So much to learn and do, let's get into it! Introduction Creating the workspace Building the API Creating the NextJS App Creating the shared library Using the shared library Adding CORS Supporting SSR E2E testing Outroduction Code: github.com/jherr/nx-with-exp-nextjs If you liked this video, buy me a coffee! buymeacoffee.com/bluecollarcoder 👉 What's my theme? Night Wolf [dark blue] 👉 What's that font? MonoLisa 👉 Jack is also on the React Round Up podcast: devchat.tv/podcasts/react-round-up/ 👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ 👉 Discord server signup: discord.gg/ddMZFtTDa5 💢 Watch our other videos: 💟 Hacking your Github contribution graph: youtu.be/_ZQSPYDlk3U 💟 More Typescript videos: youtube.com/playlist?list=PLNqp92_EXZBIKO8lqN3089jgZUi-FUFXX Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. #typescript #nx #nextjs #express

Why it's here

2 people recommend this

What people say. Recommended as a good guide for setting up a full-stack React and Express project with shared TypeScript types.

u/StormofThunderin r/typescript • Recommends

On “Example folder structures for fullstack React projects”

This is a pretty good video on how to setup a React and Express REST API with TS. The video does Next and doesn't use API routes just for illustration purposes, but it's the same concept. They are separate packages and apps, so you compile and deploy them separately. You'll find many resources on how to work with react and an express server (too many). You can find many different projects with varying setups by looking up on github with `topic:express topic:typescript topic:react` but in a high enough level, the setup is the same. I also have this one in particular saved. But because Next.js is really a fullstack framework, nowadays you can setup a fully type-safe app with a T3 starter an…
6View on Reddit

u/cheeesecake7in r/typescript • Recommends

TUTORIAL Typescript NX Monorepo with NextJS and Express
1View on Reddit