Tailwind Resources Logo Tailwind Resources
Rayriffy Blog Next screenshot

Rayriffy Blog Next

Author Avatar Theme by Rayriffy
Updated: 5 Jul 2023
15 Stars

My old blog is too hard to maintain. So, why not make a new one?

Github Live Preview

Categories

Astro Contentful Blog

Overview:

Riffy Blog is a blogging platform that has undergone core changes and is now using Astro for design and Tailwind for styling. The site is no longer actively maintained as the entire blog has been merged into the frontpage repository. The main feature of Riffy Blog is its near 0kB of JavaScript thanks to Astro and its use of Tailwind for design.

Features:

  • Core changes to improve performance and usability
  • Use of Astro for an efficient and lightweight website
  • Integration with Tailwind for easy styling customization
  • Ability to import content model from JSON files in Contentful
  • Support for Contentful API keys for accessing content in development mode
  • Ability to generate Markdown contents using generator scripts
  • Ability to delete all Markdown content using scripts if needed
  • Local server for development
  • Build command to generate static contents for deployment

Installation:

To install Riffy Blog, follow these steps:

  1. Create a workspace in Contentful and import the content model using the provided JSON files.
  2. Copy the .env.example file to .env and provide the Contentful API keys.
  3. During development, use the CONTENTFUL_PREVIEW_ACCESS_TOKEN token to obtain contents from CMS. This allows you to see drafts or unpublished articles in local development but not in production CI.
  4. Run the generator scripts to generate Markdown contents.
  5. If you encounter any issues related to the local contents, you can use the scripts to delete all Markdown files.
  6. Start the local server by running the appropriate command.
  7. Use the build command to generate the dist/ directory, which contains all static contents to be deployed.

Summary:

Riffy Blog is a blogging platform that has undergone core changes to improve performance and usability. It now utilizes Astro for an efficient and lightweight website, with near 0kB of JavaScript. The integration with Tailwind allows for easy styling customization. The installation process involves creating a workspace in Contentful, importing the content model, and providing the necessary Contentful API keys. Overall, Riffy Blog offers a streamlined and customizable solution for blogging.