vmptk / nx-nextjs

using Next.js with Nx (Extensible Dev Tools for Mono-repository)

NxNextjs

Goal

• check how the Next.js works with Nx

Documentation

• Nx

  • Nx Next.js Plugin

• TailwindCSS

• Project creation commands (steps)

Links

• React

  • React Router

• Next.js

  • Next.js Docs

  • [YouTube] Next.js Crash Course - SSG, SSR, and more (Updated for Next.JS 10+) (2020) - 2020/11/03

  • [YouTube] Next.js Crash Course - SSG, SSR, API Routes, and more - 2020/08/27

  • [pt-BR][YouTube] Como inicio meus apps com ReactJS? Next.js, TypeScript, ESLint e Styled Components | Code/Drops #50

  • [YouTube] Mastering the basics of SEO in React and Next.js

  • What is Static Site Generation? How Next.js Uses SSG for Dynamic Web Apps | freeCodeCamp

  • Nested dynamic layouts in Next.js apps | React Tricks - youtube | github

  • [GitHub] erkobridee/nextjs-ssg-hello - first contact with nextjs and the static site generation support

• Nx: Extensible Dev Tools for Monorepos (React)

  • Plugins | Nx Docs

  • [YouTube] Nx: Extensible Dev Tools for Monorepos (React)

  • [YouTube] Nx Tutorial: High Quality React apps with Nx, Storybook & Cypress

  • Nx Now Supports Next.js | Nrwl - 2019/09/11

    • [YouTube] Nx Adds Next.js Support - 2019/09/11

    • [YouTube] Nx + Next.js = ❤️ - Adam L Barrett - 2020/11/05

    • Next.js guide | Nx Docs

    • Next.js plugin | Nx Docs

    • @nrwl/next | npm

    • [GitHub] nrwl/nx/packages/next - Nx plugin for Next.js

    • Painlessly Build and Deploy Next.js Apps With Nx | Nrwl - 2020/05/14

    • Improved Next.js support, auto-populated publishable library dependencies, and more in Nx 9.3! | Nrwl - 2020/05/14

  • Storybook

    • [YouTube] Nx Tutorial: Nx Storybook Integration

    • How to Use Storybook in an Nx Repo | Nx Docs

    • Storybook support, run-many command, UI improvements, and more in Nx 8.8 | Nrwl

    • Nx 8.8: Now You Can Write UI Tests with Storybook and Cypress | Nrwl

    • Creating a Storybook instance including stories from multiple libraries in a Nrwl Nx workspace

      • [GitHub] juristr/nx-shared-storybook

  • Powering Up React Development With Nx | Nrwl

  • React Microfrontends and Monorepos: A Perfect Match | Nrwl - demo | code

Development tip

• to make my life easier I have the current node_modules from the project mapped to the PATH env variable, that enables me to run the command nx directly, if you don't have if you must use the short cut mapped on the package.json, using it like npm run nx ... or it's also possible to use like npx nx ... (the npx will look into the local installed packages ./node_modules/ and on the global installed packages)

  • ./node_modules/.bin

Known issues on MacOS

• How to fix the Node gyp Error: No Xcode or CLT version detected | Reactgo