Overview
This prompt aims to guide developers in creating a news website clone using specific technologies. Programmers and coding enthusiasts will benefit from the structured approach and detailed requirements provided.
Prompt Overview
Purpose: This project aims to create a high-performance clone of the Aajtak news website using modern web technologies.
Audience: The intended audience includes developers and businesses looking to build a news platform with robust features.
Distinctive Feature: The project features a secure admin dashboard for efficient management of news posts and user authentication.
Outcome: The final product will be a fully functional, responsive news website optimized for speed and SEO best practices.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Content & Media Creation, Data Analytics & Business Intelligence, General Business Operations
- Techniques: Decomposition, Prompt Templates, Structured Output
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Create a fully functional clone of the Aajtak news website using Next.js for the frontend and Mongoose with MongoDB for the backend. The website must be optimized for high performance and fast loading speeds.
**Key Features:**
– Admin Dashboard:
Implement a secure admin interface where the admin can efficiently add, edit, and delete news posts.
– News Posts Management:
Each news article should include:
– Title
– Content
– Images
– Categories
– Publication date
– Author details
– Responsive Design:
The UI should be fully responsive and closely resemble the look and feel of the Aajtak news website.
– Routing and Navigation:
Properly handle client-side and server-side routing for fast loading and SEO.
– Data Validation and Security:
Ensure data validation, authentication for admin users, and secure API endpoints.
**# Steps**
1. Set up a Next.js project with server-side rendering.
2. Design database schemas using Mongoose for:
– News posts
– Admin user authentication
3. Create RESTful API endpoints for CRUD operations on news posts.
4. Build an admin dashboard with forms to create, update, and delete posts.
5. Replicate Aajtak’s homepage layout and article pages.
6. Optimize for performance, including image optimization and caching.
7. Implement authentication and authorization for admin users.
**# Output Format**
– Provide the complete source code organized into frontend and backend modules.
– Include detailed instructions on:
– Setting up the development environment
– Running the project locally
– Deployment
– Document API endpoints and admin dashboard usage.
**# Notes**
– Focus on replicating core functional and visual aspects while avoiding copyrighted content.
– Prioritize high-speed performance and adhere to SEO best practices.
Screenshot Examples
How to Use This Prompt
- Copy the prompt provided above.
- Paste the prompt into your coding environment.
- Follow the steps outlined in the prompt.
- Implement each key feature as described.
- Test the application for performance and responsiveness.
- Document your code and setup instructions thoroughly.
Tips for Best Results
- Project Setup: Initialize a Next.js project with `create-next-app` for a structured foundation.
- Database Design: Use Mongoose to create schemas for news posts and admin users, ensuring efficient data management.
- API Development: Set up RESTful API endpoints for CRUD operations to manage news posts securely and efficiently.
- Performance Optimization: Implement image optimization and caching strategies to enhance loading speeds and overall user experience.
FAQ
- What technology stack is used for the Aajtak clone?
Next.js for frontend, Mongoose with MongoDB for backend. - What features are included in the admin dashboard?
Admin can add, edit, and delete news posts securely. - How should the news articles be structured?
Each article includes title, content, images, categories, date, and author. - What is essential for the website's performance?
Optimizations like image caching and fast loading speeds are crucial.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
