LinkedIn Post Preview

A free, open-source tool to write, format, and preview LinkedIn posts before publishing. Add bold, italic, underline, strikethrough, lists, and images to your posts and see exactly how they look on desktop, tablet, and mobile.

Tool Features

• Preview LinkedIn Post on Mobile Devices
• Preview LinkedIn Post on Tabet Devices
• Preview LinkedIn Post on Desktop Devices
• Bold Text Formatting
• Strikethrough Text Formatting
• Underline Text Formatting
• Italic Text Formatting
• Bullet Point List
• Numbered List

💫 Tech Stack & Features

• ⚡️ Next.js 16 with App Router (Turbo)
• 📝 MDX & ContentLayer - for blog posts
• 🎨 Tailwind CSS - for styling
• 🌈 shadcn/ui & Radix UI - UI components
• 🛡 Strict TypeScript and ESLint configuration
• 📱 Responsive design
• 🌗 Light / Dark mode
• 📈 SEO optimized with meta tags and JSON-LD
• 📰 RSS feed
• 🗺 Sitemap
• 🤖 llms.txt - AI-friendly content discovery
• 📊 Google Analytics
• 📖 Table of contents for blog posts
• 📷 Image zoom - zoom in on images in blog posts
• 📝 Code syntax highlighting - using Shiki
• 🎨 Animation - using Framer Motion
• 🏠 LightHouse score of nearly 100
• 💄 Prettier - code formatting
• 👷🏻‍♂️ t3-env - validate environment variables before building

🔨 Requirements

• Node, recommended 20.x
• pnpm, recommended 8.14.0

👋 Getting Started

Follow these steps to run the project locally on your machine:

git clone https://github.com/gatteo/linkedinpreview.com.git
cd linkedinpreview.com
pnpm install

To run the app:

pnpm dev

The app will be available at localhost:3000.

📜 Documentation

See the docs/ folder for detailed documentation:

• ARCHITECTURE.md — System architecture, tech decisions, and build pipeline
• FEATURES.md — Detailed feature descriptions and user flows

Author

@gatteo

🪪 License

This project is open source and available under the MIT License.

---

Made with ❤️ in Turin, Italy