npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

create-mernjs-app

v21.0.41

Published

The MERN App provides a versatile set of boilerplates that streamline the development process for various applications. Whether you're building a web app, mobile app, desktop app, Chrome extension, or an NPM package in JavaScript, our comprehensive templa

Downloads

872

Readme

mit license npm version npm downloads Follow Watch Fork Star

Create MERN App provides a simple file and folder structure that you can easily customize to fit your project requirements.

| Version | Supported | | ------- | ------------------ | | node-version >= 18 | :white_check_mark: | | node-version < 18 | :x: |

You can download code in two ways:

  1. Using CLI
  2. Directly Download Zip Code

Create a New App

npx create-mernjs-app my-app

Create a Library, Packages, or Snippets

  • Pre-configured Library Creation Template:

    npx create-mernjs-app my-library --template library
  • Pre-built NPM Packages:

    npx create-mernjs-app my-package --template packages
  • Reusable Code Snippets:

    npx create-mernjs-app my-snippets --template snippets

App boilerplates provide ready-to-use templates for building applications, simplifying the setup process and ensuring a consistent structure across projects.

| SN. | Boilerplates | Download | | ------ | ------ | ------ | | 1 | NodeJS & MongoDB | Download NodeJS MongoDB | | 2 | NodeJS & MySQL | Download NodeJS MySQL | | 3 | NextJS | Download NextJS | | 4 | GatsbyJS | Download GatsbyJS | | 5 | ReactJS | Download ReactJS | | 6 | ElectronJS | Download ElectronJS | | 7 | ReactJS Chrome Extension | Download ReactJS Chrome Extension | | 8 | ReactJS Webpack | Download ReactJS Webpack | | 9 | FastifyJS & MySQL | Download FastifyJS MySQL | | 10 | FastifyJS & MongoDB | Download FastifyJS MongoDB | | 11 | T3JS | Download T3JS | | 12 | React Native Expo | Download React Native Expo |

Library boilerplates offer pre-configured templates for creating npm packages, enabling efficient and standardized development of reusable code libraries.

| SN. | Boilerplates | Download | | ------ | ------ | ------ | | 1 | JavaScript Library | Download JavaScript Library | | 2 | ReactJS Library | Download ReactJS Library | | 3 | NodeJS Library | Download NodeJS Library | | 4 | ExpressJS Library | Download ExpressJS Library | | 5 | NextJS Library | Download NextJS Library | | 6 | React Native Library | Download React Native Library |

Explore npm packages that simplify your development workflow. These packages offer efficient solutions for various technologies and are easy to install and integrate, enhancing productivity and code quality.

| SN. | Package | NPM | Download | | ------ | ------ | ------ | ------ | | 1 | xml-to-mongodb-importer | npm version | xml-to-mongodb-importer | | 2 | react-svg-icons-loader | npm version | react-svg-icons-loader |

Explore a collection of reusable code snippets to quickly implement common features and functionalities in your projects.

| SN. | Snippets | Download | | ------ | ------ | ------ | | 1 | Express Rate Limit | Express Rate Limit | | 2 | NodeJS JWT | NodeJS JWT | | 3 | NodeJS Encryption Decryption | NodeJS Encryption Decryption |

Effortlessly build secure and scalable MERN applications with automated setup, industry-standard coding practices, secure authentication, robust data handling, and proactive security measures.

  1. Effortless Initialization: Start your MERN project quickly using a simple command-line interface that sets up everything automatically.

  2. Secure Coding Practices: Follow industry standards to write strong, resilient code. Regular reviews and best practices reduce vulnerabilities during development.

  3. Well-Defined Folder Structure: Use a clean and organized project layout that makes it easy to maintain and expand your application.

  4. Server & Client Code Separation: Keep server-side and client-side code separate for easier management and development.

  5. Authentication Ready: Easily add secure login/signup features using best practices to protect user data.

  6. Automatic Indentation: Automatically format code for consistency, making it easier to read and understand.

  7. ESLint Integration: Improve code quality by using ESLint to find and fix potential issues based on coding standards.

  8. Prettier Support: Use Prettier to automatically format your code, keeping it neat and visually appealing.

  9. Tailwind CSS for Styling: Speed up styling with Tailwind CSS, creating responsive and attractive user interfaces.

  10. Data Encryption: Encrypt data to secure it during storage and transmission, protecting against unauthorized access.

  11. Input Validation: Validate user inputs rigorously to prevent attacks and ensure safe usage.

  12. CORS: Control which domains can access your application to prevent unauthorized requests.

  13. Rate Limiting: Limit API usage to prevent abuse and protect against denial-of-service attacks.

  14. Error Handling: Implement effective error-handling mechanisms to keep sensitive information secure.

  15. Middleware Security: Secure middleware components to protect core functionalities from common threats.

  16. Dependency Scanning: Regularly check and update dependencies to fix known vulnerabilities and enhance security.

  17. Secure File Uploads: Safely upload files with validation to ensure they are safe for your application.

  18. Environment Configuration: Manage environment settings securely to protect sensitive data like API keys.

  19. Security Headers: Set HTTP security headers to make your web application more secure against common vulnerabilities.

  20. API Versioning: Implement versioning for your APIs to support smooth updates and compatibility.

  21. Monitoring: Set up robust monitoring to quickly detect and respond to security incidents, ensuring your application stays secure and reliable.

Please message us, If you have any query, suggestions or security concerns via GitHub