$200
Buy this

NodeJS Micro-SAAS Template- Fully Featured

$200

Introduction

Structly: The Launchpad for Your Next SaaS App

what it is

Stop setting up and start building. Structly is a powerful vanilla JS/CSS starter template that gives you a production-ready SaaS foundation in minutes. We've prebuilt all the critical boilerplate, so you can immediately focus on what makes your product unique.

What's in the box?

  1. Seamless Authentication: Full login, registration, password reset and user management flows.
  2. Integrated Payments: Start processing subscriptions instantly with built-in PayPal integration.
  3. Managed Database: A connected MongoDB setup, ready for your data models.
  4. Content : A built-in blog to create SEO optimized articles with ease
  5. Analytics: a simple user dashboard and a fully-loaded admin dashboard to manage users, subscriptions, referrals, messages, insights etc.
  6. Beautiful & Functional: A responsive, well-designed home page and user interface.
  7. Lifetime updates: you will get free security and feature updates for the initial spend


Stop coding the mundane. Launch faster with Structly.

target audience

Our platform is built for developers and founders who want to transform ideas into launched products with unprecedented speed. It's perfect for:

  1. Builders who value speed: Developers who want to bypass weeks of boilerplate setup and start coding their unique application logic immediately.
  2. Indie hackers and founders: Technical entrepreneurs who need a secure, scalable, and professional foundation for their SaaS without a massive upfront time investment.
  3. Developers of all skill levels: Whether you're an expert avoiding repetitive tasks or a newcomer seeking a best-practices foundation, our template provides the springboard you need to iterate faster than ever.

Why choose Structly over other templates:

Ship your product faster and focus your energy on building your business, not boilerplate.

Launch with confidence using built-in, proven systems for authentication, payments, and more.

Accelerate your path to profit—spend less time coding infrastructure and more time acquiring customers

One-on-one support. –If the deployment guide isn't clear, we are here to help you run and deploy the template. Our developers are also here for some custom features

list of currently implemented features:

this boilerplate has the following prebuilt features:

1. a home page with easily replaceable text. View a live demo here: https://saas-usa-1.onrender.com

2. a reset password/forgot password page. View it here https://saas-usa-1.onrender.com/forgotpw/

3. a pricing page that enables one to buy subscription packages with PayPal: https://saas-usa-1.onrender.com/pricing

4. a blog to view SEO optimized articles as a way to gain free organic traffic without knowing anything about SEO. View it here https://saas-usa-1.onrender.com/blog

5. user admin to view associated user information e.g active subscriptions, user profile, unread messages. Create an account and View it here https://saas-usa-1.onrender.com/dashboard

6. admin dashboard that enables one to:

  • add, edit, remove users
  • add, edit, remove referrals
  • add, edit, remove packages
  • add, edit, remove subscriptions
  • add, edit, remove messages
  • add, edit, remove SEO optimized articles

7. fully configured security middle-ware, filtering and pagination making the template and therefore your app virtually unhackable by most cybercriminals out there! You can rest easy knowing that your data is safe. No extra setup is required.

8. a simple referral system that third party affiliate marketers can use to market and therefore profit from your app!

9. a fully implemented, secured and paginated API that you can use to build other products like mobile apps and third party tools. The list of endpoints are listed in the technical section.

10. all the CSS and SASS files are clearly labeled and easy to customize

What’s more?

Your initial purchase will get you much more than those currently implemented. The following features are in the pipeline. You can have them at no extra cost as they roll out!

They include:

  1. a ticketing system to enable user questions/ issues to be dealt in in real time by your customer care department
  2. 2 factor authentication with SMS and an authenticator app for an added layer of security
  3. Stripe and crypto payment integration to enable users to have more options to buy subscriptions
  4. more elaborate analytics and tracking section with PostHog, Plausible, Google Analytics or any other third party trackers
  5. Dark mode coz why not
  6. an on-boarding flow for a more polished User experience
  7. a list of free landing page templates that you or your marketers can use to grab more sales
  8. an email system that will enable you to run email campaigns from your dashboard

misc information:

you can view a live demo of this boilerplate here: live demo link

test credentials

use these credentials to log into the test admin dashboard

test super-admin account
email: saber20k@gmail.com
password: password123

test user account. Create yours or login in with:
email:pppppppp@gmail.com
password: password123


HOW TO USE THIS TEMPLATE

When you buy the template. You will be taken to a page to download a zipfile called Structly_Boilerplate.zip

After downloading it to your machine. Do the following to set it up:

1. unzip the folder. You can rename the extracted folder into something else or leave it as is

2. open the zipped folder with the editor of your choice. I use VSCode.

3. create a file called config.env in the root folder (the folder where app.js, server.js files are in)

4. before doing anything, Create a .gitignore file in the root folder and add the following:

/node_modules/*

config.env

# Local Netlify folder

.netlify

5. open the terminal and run npm i to setup the project and download all the npm packages listed in the package.json. This might take a while depending on your internet connection.

6. Once all the npm packages are installed, open the config.env file and edit it as follows:

  1. go to the technical section in this document and copy the list of all keys that should be added to the config.env file. Copy them instead of writing them down to prevent typos
  2. after the keys have been added, replace the values with actual ones from the various providers i.e google console, paypal etc. There is an example file in the root folder of called exampleconfig.env that shows you what your file should look like when fully loaded.

At this point, the npm packages are downloaded and the environmental variables have been entered.

You can now run nodemon server.js or node server.js to start up the template. Once you see a message that reads saas template listening on port 3000 you can view it at: 127.0.0.1:3000

Take some time to familiarize yourself with the various pages, dashboards, API endpoints, project setup

You can now start working on your SaaS idea after saving weeks worth of work for a well spent $200!


TECHNICAL SECTION

tech stack

front end: vanilla JS, CSS, SASS

backend:

  1. nodeJS with Javascript (not typescript)
  2. ExpressJS for routing
  3. mongooseJS for object data modeling
  4. MongoDB for storing data
  5. passportJS for social authentication


list of all mongoose schema

These are the fully built out models that enable Structly to interface with the MongoDB database

  • SocialUsersModel: to create users who register using email/password combo
  • UsersModel: to create users who register using email/password combo
  • SubscriptionsModel: to create subscriptions when a user buys a package
  • BlogPostModel: to perform CRUD operations on blog posts by admin
  • BlogCategoryModel: to perform CRUD operations on blog post categories by admin
  • BlogSettingsModel: to perform CRUD operations on blog settings by admin
  • MessagesModel: to perform CRUD operations on messages between users
  • PackagesModel: to perform CRUD operations on packages by admin
  • ProfileModel: used when a user wants to update the profile section in the user dashboard
  • RefModel: used when creating, editing, removing referrals by admin
  • SettingsModel: for the admin to edit various site settings by admin

list of all active security features

Security Features: Built-In Protection So You Can Sleep Soundly

We've pre-configured enterprise-grade security layers to defend your app and your users' data from day one. This means you get peace of mind without the complex setup.

reCAPTCHA for Login: Prevents automated bot attacks, ensuring only real users can access accounts.

Input Sanitization & Validation: Blocks malicious code injection, keeping your database clean and secure from SQL injections and other attacks.

Fully Configured Security Middleware:

bcryptjs: Safeguards user passwords with military-grade hashing, making them unreadable even if a breach occurs.

cookie-parser: Securely manages user sessions, providing a seamless and safe login experience.

cors: Safely controls which websites can communicate with your API, preventing unauthorized access.

express-mongo-sanitize: Protects your database from NoSQL injection attacks, a common threat to MongoDB.

express-rate-limit: Stops brute-force and denial-of-service (DoS) attacks by limiting login attempts and API requests.

express-slow-down: Intelligently slows down abusive bots instead of fully blocking them, improving security without frustrating legitimate users.

helmet: Adds a vital layer of protection by setting secure HTTP headers, guarding against a wide range of common web vulnerabilities.

hpp (HTTP Parameter Pollution): Protects your app from corrupted HTTP requests that can crash your server or cause unexpected behavior.

xss / xss-clean: Actively scrubs user input to prevent Cross-Site Scripting (XSS) attacks, where hackers try to run malicious scripts in your users' browsers.

DOMPurify: library designed to sanitize HTML and prevent Cross-Site Scripting (XSS) attacks. I


list of all required environmental variables

you will add the following environmental variables in the config.env file. There is an example file in the zip folder as a guide

they include:

MONGO_CONN_STR: from mongdb atlas

NODE_ENV: development

PORT: 3000

AUTH_COOKIE_NAME: a name of your choosing

PASSPORT_COOKIE_KEY: long unique alphanumeric key

JWT_SECRET: long unique alphanumeric key

EXP_IN: 90

GOOGLE_CLIENT_ID: from the google cloud console

GOOGLE_CLIENT_SECRET: from the google cloud console

PAYPAL_LIVE_BASE_URL: https://www.paypal.com

PAYPAL_LIVE_CLIENT_ID: from the paypal developer console

PAYPAL_LIVE_CLIENT_SECRET: from the paypal developer console

PAYPAL_SANDBOX_BASE_URL: https://www.sandbox.paypal.com

PAYPAL_SANDBOX_CLIENT_ID: from the paypal developer console

PAYPAL_SANDBOX_CLIENT_SECRET: from the paypal developer console

PP_SANDBOX_BIZ_ACC: from the paypal developer console

PP_SANDBOX_BIZ_PW: from the paypal developer console

PP_SANDBOX_PERSONAL_ACC: from the paypal developer console

PP_SANDBOX_PERSONAL_PW: from the paypal developer console

RECAPTCHA_SITE_KEY: from the google recaptcha console

RECAPTCHA_SITE_SECRET: from the google recaptcha console

RECAPTCHA_APP_NAME: from the google recaptcha console

RECAPTCHA_VERIFY_HOOK: https://www.google.com/recaptcha/api/siteverify

SUPER_ADMIN_EMAIL: the email you will use as the super-admin


as always, you can contact me to help in setting up the template if you run into issues

list of all api endpoints

ui endpoints: (router: /)

some of these public protected. There’s no need to log in to use them

/home

/pricing

/blog

/blog/:slug

/auth

/forgotpw

/resetpw/:token

/success

/error

/posts

/logout


all of these are protected routes. A user needs to be logged in to use them

/order/:orderType

/dashboard

/details

/users

/cms

/subscriptions

/packages

/messages

/referrals

/settings

/profile

/analytics

/resolution-center

blog endpoints: (router: /b)

the following endpoints are protected and restricted to the admin. You can change the authorization in the BlogRouter.js

/addOnePost

/deleteOnePost

/editOnePost

/addOneCategory

/deleteOneCategory

/settings


messages endpoints: (router: /u)

the following endpoints are protected and restricted to the admin. You can change the authorization in the UsersRouter.js

/getOneMessage

/getAllMessages

/addOneMessage

/addManyMessages

/deleteAllMessages

/deleteOneMessage

/editOneMessage

/editAllMessages


referral endpoints: (router: /u)

the following endpoints are protected and restricted to the admin. You can change the authorization in the UsersRouter.js

/getOneReferral

/getAllReferrals

/deleteOneReferral/:id

/deleteAllReferrals

/addOneReferral

/addManyReferrals

/editOneReferral

/editAllReferrals


subscription endpoints: (router: /u)

the following endpoints are protected and restricted to the admin. You can change the authorization in the UsersRouter.js

/getOneSubscription

/getAllSubscriptions

/deleteOneSubscription/:id

/deleteAllSubscriptions

/addOneSubscription

/editOneSubscription

/editAllSubscriptions


packages endpoints: (router: /u)

the following endpoints are protected and restricted to the admin. You can change the authorization in the UsersRouter.js

/getOnePackage

/getAllPackages

/addOnePackage

/deleteAllPackages

/deleteOnePackage/:id

/editOnePackage

/editAllPackages

users endpoints: (router: /u)

the following endpoints are protected and restricted to the admin. You can change the authorization in the UsersRouter.js

/getOneUser

/getAllUsers

/getAllUsers/:type

/addOneUser

/deleteOneUser/:id

/deleteAllUsers

/getManyUsers

/addManyUsers

/deleteManyUsers

/editOneUser

/editAllUsers


UI endpoints: (router: /u)

the following endpoints are public and unrestricted. They are used by the front facing UI pages. You can change the authorization in the UsersRouter.js


/gplus-auth

/googlecloud-webhook

/recaptcha

/signup

/login

/forgotpw

/resetpw

misc endpoints: (router: /u)

the following endpoints are protected and unrestricted. They are used by the front facing UI pages. You can change the authorization in the UsersRouter.js

/logout

/updateProfile

/updatepw

/updateSettings


Happy coding and as always, you can contact me at firefinchcreatives[@]gmail[dot]com or here on this site for help or to get answers to any questions you may have!

Buy this

complete source code and directions on how to run template locally and to deploy on a remote host

Size
4.5 MB
Powered by