Postmorph

Overview

Postmorph helps content creators and marketers save a ton of time by quickly transforming their existing content into many different formats. You simply provide your original content, tell it what you need, and it takes care of adapting it for various platforms, so you don't have to start from scratch every time you want to post somewhere new.

Features

• Intelligent Content Repurposing: Effortlessly transform long-form content like blog posts or videos into bite-sized social media updates, threads, and more.
• Multi-Platform Output: Generate tailored content for various platforms including X (formerly Twitter) threads, individual tweets, LinkedIn posts, and Reddit posts.
• Video-to-Text Transcription: Automatically transcribe and summarize content from YouTube and TikTok videos, turning spoken words into editable text.
• AI-Powered Content Refinement: Easily modify and enhance your drafts with AI suggestions to fit different tones or specific requirements.
• Custom Brand Voices: Define and apply unique writing styles and instructions to ensure all repurposed content consistently reflects your brand's voice.
• Draft Management: Save, organize, edit, and delete your generated content drafts, giving you full control over your creative process.
• Flexible Credit System: Operate on a convenient pay-as-you-go model, purchasing credits as needed without commitment to subscription fees.
• Integrated Learning Center: Access comprehensive guides and resources to master content repurposing and maximize your results.

Getting Started

To get Postmorph up and running locally, follow these steps:

Installation

1. Clone the Repository:

   git clone git@github.com:Charmingdc/postmorph

2. Navigate to the project directory:

   cd postmorph

3. Install dependencies: Using npm:

   npm install

   Using yarn:

   yarn install

Environment Variables

You'll need to set up your environment variables. Copy the .env.template file to .env.local and fill in the necessary details.

cp .env.template .env.local

Here are the variables you'll need:

Variable	Description	Example Value
NEXT_PUBLIC_APP_URL	The public URL of your Next.js application.	http://localhost:3000
NEXT_PUBLIC_SUPABASE_URL	Your Supabase project URL.	https://your-project-id.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY	Your Supabase public anon key.	your-supabase-anon-key
SUPABASE_SERVICE_ROLE_KEY	Your Supabase service role key (for server actions).	your-supabase-service-role-key
GOOGLE_GENERATIVE_AI_API_KEY	API key for Google Gemini AI.	your-google-ai-api-key
SUPADATA_API_KEY	API key for Supadata (for video transcription).	your-supadata-api-key
DODO_PAYMENTS_API_KEY	API key for Dodo Payments.	your-dodopayments-api-key
DODO_PAYMENTS_WEBHOOK_KEY	Webhook secret for Dodo Payments.	your-dodo-payment-webhook-secret
DODO_PAYMENTS_ENVIRONMENT	The environment for Dodo Payments (live_mode or test_mode).	test_mode

Usage

Once you've installed the dependencies and configured your environment variables, you can start the development server:

npm run dev
# or
yarn dev

Open your browser and navigate to http://localhost:3000.

From the landing page, you can learn more about Postmorph or sign up to start transforming your content.

Content Repurposing Workflow

1. Sign Up/Sign In: Create an account or log in to access the dashboard.
2. Navigate to "Repurpose New": In the dashboard sidebar, select "Repurpose New."
3. Choose Formats:
   • Select your "Input Format" (e.g., "blog", "youtube video", "x thread").
   • Choose your desired "Output Format" (e.g., "tweet", "linkedin post").
   • Pick a "Tone" that fits your needs. You can use default tones or create custom ones.
4. Provide Content: Paste a link (for videos/blogs) or the text content into the input area.
5. Repurpose: Click "Repurpose Now" and let the AI work its magic.
6. Review and Edit: Your new draft will appear. You can copy it, or click the edit icon to open it in the editor for further adjustments.

Here is a quick look at the core workflow:

Postmorph helps modern creators get more mileage out of their content.

Technologies Used

Technology	Description
Next.js	React framework for production
React	Frontend JavaScript library
TypeScript	Strongly typed JavaScript
Tailwind CSS	Utility-first CSS framework
Supabase	Backend-as-a-Service (Auth, Database, Storage)
Google Gemini	AI model for content generation
Dodo Payments	Payment gateway integration
TanStack Query	Data fetching and state management
Framer Motion	Animations and gestures for React
JSDOM	Parses and manipulates HTML and XML
Mozilla Readability	Extracts main content from a web page
Supadata	Handles video transcription
Zod	Schema validation
Sonner	Toast notifications
Vercel Analytics & Speed Insights	Performance monitoring and analytics

Contributing

We welcome contributions to Postmorph! If you're interested in helping out, please follow these guidelines:

1. Fork the repository.
2. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name or git checkout -b bugfix/issue-description.
3. Make your changes, ensuring that your code adheres to the project's coding style and practices.
4. Write clear, concise commit messages.
5. Push your branch and open a pull request.
6. Provide a clear description of your changes and why they are needed.

Please ensure your code is well-tested and that all checks pass before submitting a pull request.

Author Info

Charming Dc

• X (formerly Twitter): @Charmingdc01
• LinkedIn: Your LinkedIn Profile (Please replace with your actual profile link)

Badges