Next.js File Generator

Powerful file genetator extension designed to accelerate the development of Next.js applications by automating the creation of common file types, such as pages, layouts, templates, errors, not-found, route, global-errors, middlewares and more.

Built with ease of use in mind, it streamlines the setup of new routes and components, allowing developers to focus on building their applications faster.

💻 If you prefer terminal aproach for generating files?

• next-cli-turbo - A Next.js CLI tool for generating files right from your terminal.

Usage

Customizing Templates

The extension allows for the customization of file templates through VS Code's settings.

1. Navigate to Settings > Extensions > Next.js File Generator
2. Find Templates and click edit in settings.json
3. Modifying the settings.json under the nextFileGenerator.templates object.

This feature supports customization for all possible file types you can generate, allowing you to align the templates with your project's coding standards and structure seamlessly.

Example configuration:

• Use ${name} within a template to insert the specified name dynamically.

"nextFileGenerator.templates": {
    "page": "export default function ${name}Page() { return <div>My Page</div>; }"
  },

Features

• Quick File Generation: Generate Next.js files like pages, layouts, middleware, and more, with just a couple of clicks.
• Customizable Templates: Use the extension's settings to customize file templates to match your coding style or project structure.
• Multiple File Types: Supports generating .tsx, .jsx, .js, and .ts files, configurable through extension settings.

Developer Support:

• If you saw some issue/bug 🐛 related to the specific release version.
• If you want some new feature or change to be added/implemented. 😊

Please, contact the creator of the Next.js File Generator, so he will be able to fix or improve it:

Kristiyan Velkov

Take a look my blog in Medium: Kristiyan Velkov

Support my work

If you like my work and want to support me to work hard, please donate via:

Revolut	Buy me a coffee

Thanks a bunch for supporting me! It means a LOT 😍

Contributing

Contributions are welcome! ❤️

If you have suggestions for improving Next.js File Generator , please open an issue and submit a pull request.

License

MIT