Next JS plugin for NX

An Nx plugin for developing NextJS applications with Tailwind CSS.

Usage

This plugin contains NextJs generators and executors

Generator

First of all, we have to create an NX workspace:

npx create-nx-workspace

And select the following options:

? Workspace name (e.g., org name)       my-workspace-name
? What to create in the new workspace   empty

Inside our new workspace folder, install the plugin:

npm i nx-learnthis-nextjs

And finally, run the project generator:

nx g nx-learnthis-nextjs/nextjs:nextjs

Executor

Coming soon...

Developing and running plugin locally

You may want to modify the plugin and try it out for yourself.

In that case, the first thing you should do is clone the nx-learnthis repository:

git clone https://github.com/Desarrollo-Util/nx-learnthis.git

OR

git clone [email protected]:Desarrollo-Util/nx-learnthis.git

Install dependencies:

npm i

Generator

Build the generator:

nx build nextjs

Go to the dist folder:

cd nx-learnthis/dist/packages/nextjs

Link it to your local npm repository:

npm link

Create an NX workspace:

npx create-nx-workspace

And select the following options:

? Workspace name (e.g., org name)       my-workspace-name
? What to create in the new workspace   empty

Inside our new workspace folder, link the plugin:

npm link nx-learnthis-nextjs

And finally, run the project generator:

nx g nx-learnthis-nextjs/nextjs:nextjs

Organization

This project is part of Desarrollo Util's organization.

Maintainers

@Josyto @pablocdev @SirReiva