Package Exports

tinadmin-blog-writer-template
tinadmin-blog-writer-template/bin/create-blog-writer.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tinadmin-blog-writer-template) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Blog Writer Template

A comprehensive blog management and content creation platform built with Next.js, TypeScript, and Tailwind CSS.

🚀 Features

📝 Content Management

Draft Management - Create, edit, and organize blog post drafts
Content Calendar - Plan and schedule your content strategy
Media Library - Upload and manage images, videos, and documents
Content Templates - Reusable templates for consistent formatting

📊 Analytics & SEO

Post Analytics - Track performance metrics and engagement
SEO Tools - Optimize content for search engines
Performance Insights - Monitor traffic and user behavior

👥 Team Collaboration

Team Management - Manage authors, editors, and contributors
Workflow Management - Define approval processes and content workflows
Role-based Permissions - Control access to different features

🔗 Integrations

CMS Integration - WordPress, Webflow, and other content management systems
Social Media - Twitter, LinkedIn, and other social platforms
E-commerce - Shopify and other e-commerce platforms
Email Marketing - Mailchimp and other email services
Analytics - Google Analytics and other tracking tools

🛠️ Tech Stack

Framework: Next.js 15.5.4
Language: TypeScript
Styling: Tailwind CSS
Icons: Heroicons
Charts: Recharts
State Management: React Hooks

📦 Installation

Clone or download this template
Install dependencies:
```
npm install
```
Start development server:
```
npm run dev
```
Open your browser and navigate to http://localhost:3000

🏗️ Project Structure

src/
├── app/
│   ├── templates/blog-writer/     # Blog writer pages
│   │   ├── analytics/             # Analytics dashboard
│   │   ├── calendar/              # Content calendar
│   │   ├── drafts/                # Draft management
│   │   ├── integrations/          # Third-party integrations
│   │   ├── media/                 # Media library
│   │   ├── publishing/            # Publishing management
│   │   ├── seo/                   # SEO tools
│   │   ├── team/                  # Team collaboration
│   │   ├── templates/             # Content templates
│   │   └── workflows/             # Workflow management
│   └── layout.tsx                 # Root layout
├── components/
│   └── blog-writer/               # Blog writer components
├── layout/                        # Layout components
└── hooks/                         # Custom React hooks

🚀 Deployment

Vercel (Recommended)

npm run build
npx vercel --prod

Netlify

npm run build
npm run export
# Upload the 'out' directory to Netlify

Docker

# Build the image
docker build -t blog-writer-app .

# Run the container
docker run -p 3000:3000 blog-writer-app

🔧 Customization

Adding New Pages

Create a new directory in src/app/templates/blog-writer/
Add a page.tsx file with your component
Update the sidebar navigation in src/layout/AppSidebar.tsx

Styling

Modify src/app/globals.css for global styles
Use Tailwind CSS classes for component styling
Customize the theme in tailwind.config.ts

Adding Integrations

Create integration components in src/components/blog-writer/
Add API endpoints and configuration
Update the integrations page

📚 API Integration

The template includes comprehensive API integration support:

Content Management APIs - CRUD operations for posts, drafts, media
Analytics APIs - Performance tracking and reporting
User Management APIs - Team collaboration and permissions
Workflow APIs - Content approval and publishing processes
Integration APIs - Third-party service connections

🤝 Contributing

Fork the repository
Create a feature branch
Make your changes
Test thoroughly
Submit a pull request

📄 License

This template is licensed under the MIT License.

🆘 Support

📧 Email: support@tinadmin.com
📚 Documentation: docs.tinadmin.com
🐛 Issues: GitHub Issues

🔧 Troubleshooting

Development Server Errors

If you encounter module loading errors or webpack issues during development:

# Clean build cache and reinstall
npm run clean
npm install
npm run dev

# Or use the fresh command (combines all steps)
npm run fresh

Build Errors

For build-time errors:

# Clean before building
npm run clean
npm run build

Common Issues

Module not found errors: Clear the .next directory and rebuild
Type errors: Run npm run type-check to identify TypeScript issues
ESLint warnings: Run npm run lint to check for code quality issues

Ready to build your blog platform? Start with this template! 🚀