Add pagination to article categories and video pages, and enhance home page with more content and ads

Implement paginated API endpoints for articles and videos, add pagination UI to category and video pages, and inject additional ads and content widgets into the home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: c201f10b-bbd3-4402-9212-e0b79bfa670f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/EtK2Sno
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic
2026-03-05 09:48:56 +00:00
parent 365161a381
commit 3d672766b8
12 changed files with 1258 additions and 633 deletions
+34
View File
@@ -85,6 +85,40 @@ The official website for Folx Music Television (folx.tv). Dark-themed bento grid
- Dropbox: Gallery image thumbnails (547 images from 16 folders)
- Google News RSS: Volksmusik/Schlager news feed
## Publishing Workflow
### Adding or Updating Articles
1. **Edit seed data**: Update `server/seed.ts` with new article data
- Add new articles to the `articlesData` array
- Update existing articles as needed
- Use unique slugs for SEO-friendly URLs
2. **Run seed locally** (for development testing):
- Execute: `npm run seed`
- This populates the development database with article data
3. **Commit changes**: Push code changes to the repository
4. **Deploy to production**:
- Deployment is configured as "autoscale" type in `.replit`
- Build command: `npm run build`
- Run command: `node ./dist/index.cjs`
- The production database is separate from the development database
- **Important**: Seed must run on every deploy to ensure the production database is updated with new/modified articles
- To run seed on deploy, add seed execution to the deployment process or manually trigger seed after deployment
### Database Management
- **Development**: Local PostgreSQL database (populated by `npm run seed`)
- **Production**: Separate PostgreSQL database on Replit deployment
- All article content is hardcoded in `server/seed.ts` for reproducible deployments
- The `DATABASE_URL` environment variable automatically points to the correct database (local for dev, production for deploy)
### Deployment Checklist
- [ ] Update `server/seed.ts` with new article data
- [ ] Test locally: run `npm run seed` and verify articles appear in dev
- [ ] Run `npm run build` to ensure no build errors
- [ ] Commit all changes
- [ ] Deploy via Replit deployment interface
- [ ] After deployment, ensure seed runs on the production database (may require manual trigger or additional setup)
- [ ] Verify live site at https://www.folx.tv shows updated content
## Important Notes
- Tailwind `object-[center_25%]` does NOT work — must use inline `style={{ objectPosition: "center 25%" }}`
- Horoscope widget navigates to /horoskop on click (no modal)