Skip to content

Latest commit

 

History

History
84 lines (55 loc) · 3.08 KB

README.md

File metadata and controls

84 lines (55 loc) · 3.08 KB

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

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
  1. 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.