Article/Blog Page - Next and TypeScript

Introducing a Next.js-powered article/blog platform designed for a captivating and responsive reading experience. Leveraging the capabilities of Next.js, this platform ensures optimal performance and seamless navigation across various devices.

Table of Contents

• Article/Blog Page - Next and TypeScript
  • Table of Contents
  • Getting Started
  • Prerequisites
  • Installation
  • Usage
  • Features
  • Technologies Used
  • Contributing

Getting Started

To get a copy of this project up and running on your local machine, follow the installation instructions provided below.

Prerequisites

Before proceeding with the installation, make sure you have the following prerequisites:

• Node.js (v14.x.x or higher)
• yarn (v1.x.x or higher)

Installation

1. Clone the repository to your local machine:

git clone https://github.com/Sahad-09/Sahad-Daily.git
cd gym-landing-page

2. Install the project dependencies:

yarn install

Usage

To start the development server, run the following command:

Build contentlayer:

yarn build contentlayer

Using yarn:

yarn dev

The application will now be accessible at http://localhost:3000/ in your web browser.

Features

• Responsive Design: Ensure a seamless and visually pleasing experience for readers on various devices, including desktops, tablets, and mobile devices.
• Engaging User Interface: Incorporate interactive components and subtle animations to enhance user engagement and create an enjoyable reading experience.
• Content API Integration: Integrate with external APIs to fetch and display relevant mdx articles, providing users with up-to-date and diverse reading material.
• Rich Content Presentation: Utilize HTML5 for structuring content, supporting multimedia elements like images, videos, and interactive media for a compelling and informative presentation.
• TypeScript for Code Quality: Implement TypeScript for improved code maintainability, type checking, and catching potential errors during development, ensuring a robust and efficient codebase.

Technologies Used

• Next.js - React-based web framework that enables functionality such as server-side rendering, automatic code splitting, and simplified routing, making it easier to build scalable and performant web applications.
• TypeScript - Superset of JavaScript that adds static typing to the language.
• HTML5 - Markup language for structuring web pages.
• TailwindCSS - CSS framework for designing web pages.

Contributing

We welcome contributions from the community to improve this project further. To contribute, please follow our Contribution Guidelines.