nstal

Next gen tutorials and procedures

Code tutorials are full of "do this" and "do that". nstal automates them.

nstal enabled?

Create your project

Start by creating a new Next.js project if you don’t have one set up already.

Run the commands:

npx create-next-app --eslint --js my-project

cd my-project

Without nstal

Tech writters often write Markdown and tech readers get plain HTML:

This is how tutorials have looked like since the beginning of the Internet.

With nstal

nstallers are written in MDX. Most of the content is just Markdown, but the instructions themselves are nstal actions:

## Create your project

Start by creating a new Next.js project if you don’t have one set up already.

<RunCommands commands={[ "npx create-next-app --eslint --js my-project", "cd my-project" ]} />

The code above will look like the plain Markdown version. So far so good.

But the reader is invited to run npx nstal from the terminal. This command allows the readers to run the instructions for real.

Your turn!

Try the demo

Read and run "Configure Tailwind in a Next.js app"

Getting started

Learn about nstal and create your first nstaller

Keep in touch

Whether you want to follow the project, contribute, or just say hi, use the contact page.