Code Shaper

A delightful, modular code generator

[Naresh Bhatia @NareshJBhatia]

Starter templates and code generators are a popular way for devs to get started. However, many of them fail to support an efficient and robust development workflow.

[Naresh Bhatia @NareshJBhatia]

If you're just getting started with code generation, get the TL;DR on Code Shaper here.
https://t.co/NYDQ2s4Zcp

[Naresh Bhatia @NareshJBhatia]

→ improved docs, especially the getting started experience
→ a new doc explaining "Why Code Shaper"
→ new, off-the-shelf generator support for @tailwindcss
→ @nextjs and @vite_js generators refreshed to the latest framework versions

https://t.co/vkQLzh4jOU

[Naresh Bhatia @NareshJBhatia]

Almost two years in and we have 100s of developers using @code_shaper to generate code delightfully in production environments. Code Shaper makes your workflows speedy, consistent, and standardized.

With that, we've made a few key updates:
→ a brand new site

[Naresh Bhatia @NareshJBhatia]

We built an example integrating @tailwindcss with a @reactjs app generated using @code_shaper.

This example illustrates how you'd work together on large teams by extracting common components into a library. A 🧵
https://t.co/Q8X5rydmq6

[Naresh Bhatia @NareshJBhatia]

Most examples integrate Tailwind at the app level.

Our example uses a preset to integrate Tailwind at a library level.

[Naresh Bhatia @NareshJBhatia]

This is pretty important when multiple teams need to share a reusable component library that uses Tailwind.

It's a common problem that we are trying to solve with @code_shaper.
https://t.co/F8TTZmc4C5

[Naresh Bhatia @NareshJBhatia]

Thanks to @adamwathan, @steveschoger, @reinink, and the Tailwind team for doing such great work for the web community 👏

[Naresh Bhatia @NareshJBhatia]

We are releasing a plugin for @code_shaper to scaffold @nextjs applications on top of @turborepo. Check it out!
https://t.co/mIiThzciIV

[Naresh Bhatia @NareshJBhatia]

With the addition of @nextjs, we now have generators for 4 popular frameworks: @reactjs, @nextjs, @remix_run and @UseExpressJS.

You can now create the equivalent of the Turborepo kitchen sink example, but by using code generation.

[Naresh Bhatia @NareshJBhatia]

Build your repo modularly, application-by-application with your choice of tech stack. See the Movie Magic (https://t.co/1b00g0KeOk) example.

[Naresh Bhatia @NareshJBhatia]

Of course, if you have unique coding patterns and standards, you could generate those too. @code_shaper's plugin based architecture allows you to write custom generators easily.

We provide generators to scaffold your own generators. You can also create your own branded CLI.

[Naresh Bhatia @NareshJBhatia]

Thanks to @vercel for giving us @nextjs and to @jaredpalmer for creating @turborepo.

These tools have helped us deliver ambitious projects faster and better. We hope that @code_shaper becomes your next trusted tool to improve speed, consistency and quality of your apps.

[Naresh Bhatia @NareshJBhatia]

I built a plugin for @code_shaper to scaffold a @remix_run app with built-in support for testing and storybook.
https://t.co/MjGG0QyS6e

[Naresh Bhatia @NareshJBhatia]

The plugin allows you to generate React patterns, like the Context pattern (https://t.co/WLJoac7DYY), popularized by @kentcdodds.

[Naresh Bhatia @NareshJBhatia]

Thanks to @mjackson + @ryanflorence for creating Remix. You've made it fun and simple to create React apps again!

Hoping @code_shaper can make it easier to write consistent code across your whole team.

[Naresh Bhatia @NareshJBhatia]

Writing a REST API using @UseExpressJS? I built a plugin for @code_shaper to generate a basic server using the Express router pattern.

It's built as a workspace in @turborepo so you can have the front-end and back-end in the same repository. Check it out: https://t.co/zjmojuWCyJ

[Naresh Bhatia @NareshJBhatia]

We help you save time when creating a project from scratch or adding components to an existing code base. By encapsulating best practices, your code will be high quality across projects and team members. Check it out at https://t.co/zHPGjFtLR5.

We'd love to hear your feedback!

[Naresh Bhatia @NareshJBhatia]

Code generators are not new. But I found that existing ones were not easy to use and customize.

Code Shaper was designed to help you create with speed, consistency, and standardization at its core.

[Naresh Bhatia @NareshJBhatia]

Our first generator builds on @turborepo (by @jaredpalmer) as its foundation. On top of it, we provide plugins for @reactjs, @storybookjs, and other popular frameworks. You can swap these out for your favorites.