Show HN: Molecule.dev saves you months of dev time on cross-platform apps

43
Show HN: Molecule.dev saves you months of dev time on cross-platform apps

Assemble a simple but powerful, fully functional codebase consisting of only what you need.

State-of-the-art, battle-tested tools you already know, trusted by millions.

Molecule.dev - Save months of dev time on cross-platform apps. | Product Hunt

No bloat.

No vendor lock-in.

Not a framework.

Not a UI builder.

A full-stack codebase tailor-made to your specific requirements using tools you’re already familiar with.

Exceptionally engineered using industry standard tools with thorough documentation, tests, linting, logging, step-by-step instructions and tutorials.

No magic.

No overengineering.

Easy to follow.

Easy to extend.

Composed entirely of minimal, well-defined, well-tested, pure functions.

Third party dependencies are kept to a minimum, without reinventing the wheel, so you have full control over every line.

TypeScript, autocomplete and linting

Thoroughly documented codebase with hints, autocomplete and linting

Unit tests

Unit tests cover every use case and ensure every function works as intended

Documentation with examples

Clear-cut examples show you exactly how to quickly build anything you can imagine

Strong type definitions

Strongly typed code leaves no room for unanticipated mistakes or confusion

Molecule.dev focuses on developer experience (DX) while setting an incredibly high standard of quality for you and your team.

The core functionality of your app is custom built by experienced professionals, complete with everything you and your team needs for rapid, reliable development and release.

200+modules

200+tests

150+components

330+type definitions

125+doc pages

40+scripts

6+platforms

3+payment platforms

20+API routes

3+API resources

Developers routinely underestimate how long it takes to build good software.

  • Skip the tedious core functionality so you can focus on what makes you stand out from the rest.

  • Save precious time and energy on deciding how all the different pieces will fit together in a manageable, extendable way.

  • Your app’s specific features are seamlessly integrated for every platform using predictable design patterns.

No unexpected setbacks.

  • Instead of months of work and possible burnout, you’ll have an app capable of release on every platform in less than a day.

  • Step-by-step instructions tell you exactly what to do, from useful IDE extensions to screenshots required for app store submissions.

  • We include everything you need to know about obscure requirements and common obstacles so that nothing slows you down.

F.A.Q.

What exactly am I getting?

You’re getting source code for a fully functional, full-stack application, both front-end and back-end, complete with thorough documentation, tests, guides, and tutorials. It’s all industry standard tools, polished and with no vendor lock-in. The app is yours to do whatever you want with it.

When your app is ready (usually immediately or within 24 hours), we’ll give you access to git repositories made for your specific Molecule. You can clone/fork as many times as you want and make any changes necessary for your purposes.

Others who have selected the same Molecule will have access to the same original repositories, so you can see discussions, issues, and pull requests by other users.

What about updates?

Molecules are fairly stable, but any updates will be visible to you as git commits and/or pull requests, possibly with accompanying discussion.

We’ll notify you of any critical updates.

What about licensing?

The codebase provided to you is Apache 2.0 licensed, excluding source redistribution.

In other words, you can do whatever you want as long as you keep the source code private.

I want something that is currently not an option. Will you add it for me?

Probably! Just let us know, and there’s a good chance we’ll add the option if it makes sense.

You can request anything – different programming languages, different databases, containerization, load balancers, websockets, caching, CI/CD integration, etc.

Can I swap or add more options to my Molecule later on, after it’s already been built?

Yes! It is recommended that you start with every option you think you’ll need, but if for example you’d rather start with a light infrastructure and upgrade later, you can do that. We’ll provide a pull request containing the necessary changes.

Will you help me with my app?

Of course! We’re happy to explain inner workings, design decisions and philosophies, and how we might approach whatever it is you’re building.

We love feedback, as it helps improve documentation, code, and tutorials.

If you need someone to build your app or train your team, we can do that too.

Why isn’t this free and open source?

To keep the code as easy to follow as possible, we avoid unnecessary abstractions. The code does exactly what you need it to do without requiring you to learn anything in between, beyond a few simple utility functions. Everything is a predictable composition of pure functions and clear interfaces, assembled specifically for your needs.

In addition to the code itself, much of the value comes from the documentation, guides, and tutorials. There are many steps involved in building, maintaining, and publishing applications on multiple platforms with potentially many integrations. With Molecule.dev, you have all of this laid out specifically for you so that you don’t have to search all over for it. We’re aware of obscure issues you’ll probably run into and tell you exactly how to handle them. This saves valuable time and mental energy so you can focus on building and iterating. If you’re a team of developers or if you plan on expanding your team, Molecule.dev helps every team member do their best work while staying on the same page.

Long story short: It takes time and effort to provide this service, but it is well worth it!

In the near future, we will blog about some of the internals, architecture, utility functions, components, and hooks, some of which may become open source packages, so keep an eye out. You can also follow us on Twitter @molecule_dev.

How is this different from other solutions?

Other solutions do either too much or too little.

With too much, the bloat weighs down your app, slows down development, increases your costs, and can be overwhelming to sift through.

With too little, you expend a lot of energy, time, and money building out basic core functionality which can lead to decision fatigue, burnout, and failure.

You can find templates and starter kits for fairly cheap, but they are generally not a full-stack, complete solution and will not scale without significantly more work.

With Molecule.dev, you get exactly what you need for building the features that make you stand out from the rest, without being locked into any particular ecosystem or paradigm. It’s all yours, made specifically for you.

Think of it as hiring some of the best of the best to build the most solid foundation possible for your application, relatively future-proof and customized for your individual needs.

Select the options you want by clicking them.

You can leave anything you don’t want unselected.

What language should your app use?

  • TypeScript

    TypeScript

    Strongly typed for clarity of interfaces and intent. Better code auto-completion. Helps prevent mistakes. Great tooling.

  • JavaScript

    JavaScript

    More specifically, the latest ECMAScript. Widely known. Easy to learn. Supported everywhere.

  • Other

    Need something else? Let us know below.

What is your preferred package manager?

  • NPM

    The default package manager included with Node.js.

  • Yarn

    Fast “Plug’n’Play” installation strategy. Caches packages. Works offline.

  • Other

    Need something else? Let us know below.

How would you like to render your app?

  • React

    React

    Build user interfaces with components. Efficiently renders application state using a declarative composition of pure functions. Written with JSX.

  • Other

    Need something else? Let us know below.

How do you want your app documentation?

Every line of code is thoroughly documented and explained using inline comments, examples, and type definitions.

  • TypeDoc

    TypeDoc

    Converts comments in TypeScript source code into rendered HTML documentation or a JSON model. Extensible and supports a variety of configurations.

  • JSDoc

    Converts comments in JavaScript source code into rendered HTML documentation. Supports a variety of tags and plugins.

  • Other

    Need something else? Let us know below.

Which library to use for your app’s unit tests?

Molecule achieves all functionality using a composition of pure functions. This makes it easy for unit tests to cover every use case and ensure everything always works as intended.

  • Jest

    Jest

    Simple unit testing framework. No configuration required. Fast with built-in code coverage, mocking, snapshots, and sandboxed tests.

  • Other

    Need something else? Let us know below.

Which logging library should your app use?

  • Loglevel

    Minimal, lightweight, simple logging. Replaces console logs with level-based logging and filtering, with none of console’s downsides.

  • Winston

    Universal logging library with support for multiple storage transports. Decouples parts of the logging process to make it more flexible and extensible.

  • Other

    Need something else? Let us know below.

Choose your cross-platform support.

  • Capacitor

    Capacitor

    Runs web apps in a native container using a simple interface for full control over and access to native SDKs and APIs. Most Cordova plugins work with Capacitor.

  • Cordova

    Cordova

    Runs web apps in a native WebView container using plugins to provide support for native SDKs and APIs. Originally called PhoneGap, acquired by Apache.

  • Other

    Need something else? Let us know below.

Which platforms to support?

Step-by-step, detailed instructions guide you through developing, building, and releasing your app for each platform.

Which user interface (UI) components to use?

  • Styled components

    Styled components

    Simple, aesthetic, styled (by CSS) wrappers around native elements using the same props you already know. You have full control of the look and feel of each component.

  • Ionic

    Ionic

    Designed to match the running device’s native look and feel. Uses custom (non-element) props. Often a composition of interdependent components.

  • Other

    Need something else? Let us know below.

Which themes to include?

  • Light

    Automatically selected by user’s OS preference, if available.

  • Dark

    Automatically selected by user’s OS preference, if available.

  • Other

    What do you have in mind?

How should users authenticate themselves?

Includes two-factor authentication (2FA) with quick setup using a QR code. Also includes a device manager so users can view all of their authenticated devices and revoke access tokens.

  • Typical

    Users sign up and log in with a username and password.

  • OAuth

    OAuth

    Log in via popular sites like Google, Facebook, Twitter, Amazon, GitHub, etc.

  • WebAuthn

    WebAuthn

    Use biometrics (TouchID, FaceID, etc.) and/or hardware such as a Yubikey.

  • Other

    Need something else? Just let us know.

Do you need push notifications?

Step-by-step instructions explain how to implement push notifications for every device platform in minutes.

  • Yes

    The Molecule API includes a simple utility function for sending notifications to any number of devices on any platform at once.

  • No

    Not every app needs to send notifications to users. Maybe yours is one of them.

Which payment platforms to use?

Step-by-step, detailed instructions guide you through quickly setting up each payment platform. Includes the necessary logic for cross-platform subscription renewals, expiration, and unlocking user capabilities for premium features.

  • Stripe

    Popular, simple payment processor for the web. Includes subscription management.

  • Apple Pay

    Apple’s digital wallet. Quick and easy transactions. Required for iOS if you have in-app purchases.

  • Google Pay

    Google‘s digital wallet. Quick and easy transactions. Required for Android if you have in-app purchases.

  • Other

    Need something else? Just let us know.

How should your web app be deployed?

Each platform allows you to connect your git repository and push commits to automatically build and deploy your app as a static site. Shareable previews and domain management are also supported.

We’ll provide detailed instructions for your selected platform. If you’re unsure, you can leave this unselected and we’ll provide generic instructions.

What language should your API use?

  • TypeScript

    TypeScript

    Strongly typed for clarity of interfaces and intent. Better code auto-completion. Helps prevent mistakes. Great tooling.

  • JavaScript

    JavaScript

    More specifically, the latest ECMAScript. Widely known. Easy to learn. Supported everywhere.

  • Other

    Need something else? Let us know below.

How do you want your API documentation?

Every line of code is thoroughly documented and explained using inline comments, examples, and type definitions.

  • TypeDoc

    TypeDoc

    Converts comments in TypeScript source code into rendered HTML documentation or a JSON model. Extensible and supports a variety of configurations.

  • JSDoc

    Converts comments in JavaScript source code into rendered HTML documentation. Supports a variety of tags and plugins.

  • Other

    Need something else? Let us know below.

Which library to use for your API’s unit tests?

Molecule achieves all functionality using a composition of pure functions. This makes it easy for unit tests to cover every use case and ensure everything always works as intended.

  • Jest

    Jest

    Simple unit testing framework. No configuration required. Fast with built-in code coverage, mocking, snapshots, and sandboxed tests.

  • Other

    Need something else? Let us know below.

Which logging library should your API use?

  • Loglevel

    Minimal, lightweight, simple logging. Replaces console logs with level-based logging and filtering, with none of console’s downsides.

  • Winston

    Universal logging library with support for multiple storage transports. Decouples parts of the logging process to make it more flexible and extensible.

  • Other

    Need something else? Let us know below.

Which database to use?

  • PostgreSQL

    PostgreSQL

    Free and open-source relational database management system (RDBMS) emphasizing extensibility and SQL compliance.

  • Other

    Need something else? Let us know below.

How would you like to send emails?

The Molecule API uses Nodemailer for sending emails, which supports interchangeable transports for various email services. The ability to send emails is necessary for your users to be able to reset forgotten passwords.

We’ll provide step-by-step setup instructions for your method of choice.

How should file uploads be handled?

The Molecule API uses a custom multipart parser on top of connect-busboy to efficiently handle incoming files without hogging resources. File upload information is easily accessible per request.

We’ll include step-by-step setup instructions for connecting your S3 bucket.

  • S3 Bucket

    S3 Bucket

    Easily handle file uploads by streaming them to your S3 bucket. Compatible with any S3 bucket provider such as Digital Ocean Spaces, Linode Object Storage, etc.

  • Other

    Need something else? Let us know below.

How should your API be deployed?

Each platform allows you to connect your git repository and push commits to automatically build and deploy your API.

We’ll provide detailed instructions for your selected platform. If you’re unsure, you can leave this unselected and we’ll provide generic instructions.

  • Heroku

    Manageable via command line. Easy upgrades when you need to scale. Hundreds of marketplace add-ons.

  • Render

    Easy runtime configuration. Less expensive. Free automated SSL. Native support for Docker and custom cron jobs.

  • Other

    Need something else? Let us know below.

Want anything else?

Tell us what you need. We’ll help make it happen.

  • What are you building?

Set yourself up to succeed.

Select options for a guaranteed high quality, rock solid foundation for your entire tech stack. Save your time, energy, money, and sanity.

Thank you for your purchase!

We’ll email you soon.

Read More

Knowasiak
WRITTEN BY

Knowasiak

Hey! look, i give tutorials to all my users and i help them!