Postit - Ultimate boilerplate for your newsletter platform

Postit is a full-fledge newsletter platform boilerplate.

It’s the quickest way to launch your newsletter or email management platform.

Demo

Core Features!!

• Write Emails using the advanced notion-based editor
• Manage emails on the Dashboard
• Search emails using fuzzy search
• Google Authentication
• Profile page to view and showcase emails
• Subscribe form to collect emails
• API to send emails to all subscribers using Resend

What's in the boilerplate?

• Landing page - Landing page to get started and about the boilerplate
• Profile page - To read all posted newsletters online, subscribe form
• Dashboard - Edit/Delete manage drafts/posted newsletters as well view all subscribers
• Newsletter Editor -advance notion-based editor, preview and send email to a and all subscribers
• Search Modal - Search all drafts/posted newsletters using fuzzy search

How to Deploy/Develop Your Newsletter?

• Get the boilerplate
• Create a Firebase project for database and storage
• Integrate firebase credentials in the boilerplate
• Deploy the boilerplate on your choice of platform(Vercel)

Your custom newsletter platform is READY

How to write a Newsletter?

• Go to "Dashboard"
• Click on "Create new letter" button
• It will open editor to write email
• Send email using send button to a subscriber or all subscribers
• Preview email button will give show how it look like
• Post email will post the email on the profile

This will solve all question to write a letter and send it the users and send it to the all subscribers, post the email on the profile and preview the email before sending to the subscribers

How to view/manage my Newsletter?

• Dashboard page manages your drafts/posted letters in a tab
• Subscriber tab will show all the subscribers along with details

Tech Stack

• Next.js
• React.js
• Redux
• Tailwind CSS
• Mantine.dev
• React Query
• Lucide Icons
• React Icons
• Firebase
• Resend for Emails

Code Architecture

• "package.json" contains details, port, node engine along with version name
• "modules" directory contains reusable UI components like Card, Button, UI
• "components/src" contains UI components + state management + API integration
• "redux" folder have state management
• "packages" directory contains third-party packages along with API
• Utils directory contains Supabase/Firebase configuration + Hooks
• jsConfig contains the compilation options, used for absolute import
• "next.config.js" is the next.js configuration contains babel and other presents
• "postcss "is used for tailwind css preprocessing
• .env files contain the ENV variables, API keys, secret values or keys

Price - $29, is it Worth it?

• Time Savings: Save 50-80 hours of work.
• All-in-One Package: Code setup, APIs, State Management, Storage, Authentication
• Easy Setup: Connect with Firebase without hassle, store data and images
• Modern Design: Built with React and Tailwind CSS for a clean look.
• Focus on Writing: Skip the boring setup and start creating.
• Quick Launch: Start your blogging platform quickly with a reliable solution.

Contact

Feel free to contact me at shreyvijayvargiya26@gmail.com