6

Modern General Purpose Blog

Elegantly designed blog for Tech, Travel, Cooking, Fashion, you name it.... It has a Beautiful interface and an easy to navigate pages. Uses markdown to render the pages dynamically and hassle free editing/maintenance.

Elegant blog made with Next.js and Tailwind + ContentLayer

Huge thanks to Timothy for making this blog possible and sccesible to general users. Elegantly designed blog for Tech, Travel, Cooking, Fashion, you name it.... It has a Beautiful interface and an easy to navigate pages. Uses markdown to render the pages dynamically and hassle free editing/maintenance.

Image

Features

  • Seamless Customizations: Because of the underlying technologies like Next.js and Tailwind this app is extremly customizable.
  • User-Friendly Interface: Designed with Next.js to offer a smooth and intuitive user experience.
  • Twitter Themed Interface: Can seamlessly take append any look to it dosn't matter if it's technology blog or traveling.
  • Customization: Easily customize the flow and UI components to match your application's branding and requirements.

Technologies Used

  • Next.js: React framework for building fast and scalable web applications.
  • React: JavaScript library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling the application.
  • ContentLayer: MDX based content management system.

Getting Started

To get started with the application, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/akeakun/blog.git
    
    
  2. Install Dependencies:

    cd blog
    npm install 
    or
    pnpm install
    
    
  3. Configure Environment Variables:

    • Create a .env.local or .env file in the root directory.
    • Add the secret variables from .env.example file and replace the values with your own
  4. Run the Application:

      npm run dev
      or
      pnpm dev
    
    
  5. Access the Application: Open your web browser and navigate to http://localhost:3000 to access the application.

Customization

You can customize various aspects of the authentication system and UI components to fit your application's requirements. Refer to the documentation for detailed customization options.

Contributors

License

MIT © Timothy Lin