Skip to content

[writers-program] Migrate Writers site to Next.js 15 + TypeScript + Tailwind #3069

@amaan-bhati

Description

@amaan-bhati

The current writers.keploy.io site is built using static HTML, CSS, and vanilla JavaScript. To improve maintainability, consistency, and enable future enhancements, the site must be migrated to Next.js 15 with TypeScript and Tailwind CSS as the core stack.

The goal of this issue is to reproduce the entire design and content in the new Next.js app without redesigning -just a structural migration first.

Expectations & Considerations:

  • Scaffold Next.js 15 with TS support (using app/ or pages/).
  • Integrate Tailwind CSS.
  • Migrate all content (pages, sections) into Next.js routes/components.
  • Preserve existing URLs (or add redirects) so links don’t break.
  • Ensure build, dev, and production commands work.
  • Keep styling minimal for now (just ensure layout holds).

Acceptance Criteria:

  • Next.js 15 + TypeScript app runs (dev, build, start) without errors.
  • All existing pages and routes available with content intact.
  • Tailwind CSS works and can be used for styling.

README updated minimally to reflect the environment and how to run the new site.

Links:
Writers Program Website: https://www.writers.keploy.io/
Writers Program Website Repo: https://github.com/keploy/writers-program

Note:

  • Ensure a modern and maintainable folder structure that follows best practices and is easy to work on for future contributors.
  • The migration should not just be a direct port but should leverage the modern features of Next.js 15 (such as server components, layouts, metadata handling, etc.).
  • Include UI libraries like shadcn/ui, Aceternity, Radix UI, Magic UI, or others if needed to speed up development and keep the design consistent.
  • After migration, ensure the app is production-ready, optimized, and easily deployable.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions