Unlock the Science of Virality.
The ultimate toolkit for crafting high-performing LinkedIn content using AI-driven insights.
Features • Tech Stack • Getting Started • Contributing
LinkedIn Post Analyzer is a premium, AI-powered workspace designed to help content creators, marketers, and professionals optimize their LinkedIn presence. By leveraging advanced natural language processing and virality frameworks, it transforms guesswork into data-backed strategy.
Built with a focus on User Experience (UX) and Glassmorphism aesthetics, the application provides a seamless, immersive environment for analyzing, testing, and perfecting your content.
- Viral Pattern Decoder: Analyzes your post against proven frameworks (PAS, AIDA, Hero's Journey) to ensure structural excellence.
- Hook & Fold Optimizer: Simulates the LinkedIn "See More" fold, calculating a "curiosity score" for your first 3 lines.
- Audience Persona Simulator: Uses AI to roleplay as different professionals (Recruiters, VCs, Founders) giving real-time feedback.
- Engagement Predictor: proprietary "Virality Score" algorithm to forecast post performance before you publish.
- Competitor Analysis: Benchmarks your content against industry leaders to identify gaps and opportunities.
- A/B Testing Simulator: Generates intelligent variations of your post to test different angles and tones.
- Premium Glassmorphism Design: A stunning, modern UI featuring ambient glows, blurred backgrounds, and smooth transitions.
- Real-time Analytics: Interactive dashboards visualizing your growth, average scores, and best-performing topics.
- Secure Workspace: Comprehensive user profiles, data export capabilities, and privacy-focused settings.
This project is built using the bleeding edge of modern web development:
| Category | Technologies |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS, Panda CSS |
| Animations | Framer Motion |
| UI Components | Ark UI, Lucide React, Sonner |
| Backend / Auth | Firebase (Auth, Firestore) |
| Charts | Recharts |
| Data Handling | React Hook Form, Zod |
Follow these steps to set up the project locally.
- Node.js: v18 or higher
- npm or pnpm
-
Clone the repository
git clone https://github.com/tahsinmert/postlytic.git cd postlytic -
Install dependencies
npm install # or pnpm install -
Configure Environment Variables Create a
.env.localfile in the root directory and add your Firebase configuration:NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
-
Run the development server
npm run dev
-
Open the app Visit http://localhost:3000 to see the application in action.
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── (main)/ # Authenticated routes (Dashboard, Tools)
│ │ └── (auth)/ # Authentication routes (Login, Register)
│ ├── components/ # Reusable UI components
│ │ ├── ui/ # Base UI elements (Buttons, Cards, Inputs)
│ │ └── tools/ # Tool-specific components
│ ├── hooks/ # Custom React hooks (useAuth, useToast)
│ └── lib/ # Utilities and configurations (Firebase, Utils)
├── public/ # Static assets
└── ...config filesThe project is optimized for deployment on Vercel.
- Push your code to a GitHub repository.
- Import the repository in Vercel.
- Add your Environment Variables in the Vercel dashboard.
- Click Deploy.
For detailed Vercel configuration, see vercel.json.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Please look at the CONTRIBUTING.md for details.
Distributed under the MIT License. See LICENSE for more information.
Project Link: https://github.com/tahsinmert/postlytic