DEV Community

rajesh singh
rajesh singh

Posted on

Meet Om Startup Framework: πŸš€ Your Swiss Army Knife as a Full Stack Ninja ✨

πŸ’‘ What is Om Startup Framework?

The Om Startup Framework helps you create production-ready web applications using Next.js and Django.

It's a battery-packed framework that implements the following features to help you take your idea from concept to launch in a matter of days, saving developers months of development time.

  • Production Ready Blogging System

  • Production Ready Authentication Pages with Google Auth, Email Auth, Email Verifivation and Forgot Password Functionality.

  • Responsive and Beautiful Pricing Page with Whatsapp and FAQ Button which also supports Variable Pricing for Different Countries

  • User Management Dashboard with ability to Delete or Ban users of your Application

  • Stunning Landing Page

  • User Action Tracking so you know exactly what each user did in your application from sign in to sign out and everything in between.

  • Ready Made Url Shortner to create short urls for tracking clicks. Say Sayonara to bit.ly.

  • Pre configured Github Actions so delpoying new code is as simple as a git push

  • Contact Us Functionality which also sends a Thank You Email for Contacting Us.

  • Brillant Privacy Policy and Terms of Conditions to safeguard your StartUp.

  • Great Guidance of Deployment and Important Tools you need for your StartUp.

πŸš€ Get Started

Installation

Clone Starter Template

git clone https://github.com/omkarcloud/om-startup-framework-starter my-om-project
cd my-om-project
Enter fullscreen mode Exit fullscreen mode

Then change into frontend/ directory and install dependencies.

cd frontend/
npm install --legacy-peer-deps
Enter fullscreen mode Exit fullscreen mode

Then change into blog/ directory and install dependencies.

cd blog/
npm install
Enter fullscreen mode Exit fullscreen mode

Then change into backend/ directory, install dependencies, migrate database and seed with data.

cd backend/
python -m pip install -r requirements.txt
npm run db:delete-and-seed
Enter fullscreen mode Exit fullscreen mode

Run the Frontend and Backend Server

Start the frontend server

cd frontend/
npm run dev
Enter fullscreen mode Exit fullscreen mode

In a seperate terminal start the backend server

cd backend/
npm run dev
Enter fullscreen mode Exit fullscreen mode

Now, visit http://localhost:3000 to see the home page with a nav bar linking to various pages of application. Explore the pages by clicking on navigation links to get a big picture of feautres of your application.

Run the Blog Server

Most of your time will be spent writing frontend and backend code. Occasionally, you will need to run the blog server to preview the articles you write. Run following Command to spin up the blog server

cd blog/
npm run dev
Enter fullscreen mode Exit fullscreen mode

Now visit http://localhost:4000/blog/ to see the blog home page.

πŸ‘¨πŸ»β€πŸ’» Pre-Requisite Knowledge

To get the most out of our docs, it's recommended that you have a basic understanding of Next.js and Django.

Given that you know React, If you are interested to learn Next.js and Django, these resources are Great Starting Point:

✨ Upcoming Features in V2

  • Support for affiliate marketing [Priority]
  • Port framework to SvelteKit, Nuxt.js, and Nest.js to increase reach [Priority]
  • Analytics dashboard like Google Analytics
  • Chat support

πŸ“š Summary

Simply put, Om Startup Framework holds your hand, from authentication to deploying your app to the world

If you want to save yourself months of development time, I highly encourage you to invest your time in learning about the Om Startup Framework by visiting this link.


πŸ‘‹ Hi Reader,

What do you think? Do you see the value of Om Startup Framework?

Share your thoughts in the comments and I will reply to every single comment.

Top comments (0)