Forem: mbayedione10

🚀 Deploying Astro’s Live Content Collections on Netlify

mbayedione10 — Wed, 27 Aug 2025 15:30:00 +0000

Astro is gaining popularity for its speed ⚡ and flexibility in building content-driven websites. One of its experimental features, Live Content Collections, allows developers to fetch content at runtime, rather than pre-generating everything at build time.

This is ideal for projects where content updates frequently, or when you want a CMS-like experience without setting up a full headless CMS.

However, deploying such a project to Netlify with the default static build configuration reveals some important limitations ⚠️.

📝 Understanding Live Content Collections

Astro’s traditional content collections are pre-rendered at build time: Markdown or other content sources are compiled into static HTML. While fast and reliable, these collections are immutable until the next build.

Live Content Collections change that by:

Fetching and rendering content at request time ⏱️
Allowing dynamic updates without triggering a full rebuild 🔄
Enabling integration with APIs or external content sources 🌐

For example, instead of updating a post in WordPress and waiting for a new static build, you could fetch content dynamically with Live Content Collections so that new posts, edits, or custom fields appear instantly on your Astro site without rebuilding.

Official documentation: Astro Live Content Collections

⚠️ The problem with default Netlify deployment

Netlify’s default deployment serves your dist/ folder as static files. This works perfectly for:

Blogs generated from Markdown
Marketing pages
Documentation sites 📚

But any dynamic routing or live content fails:

Visiting /blog/post-1 can trigger a 404 ❌ because Netlify expects an actual post-1/index.html file
Live Content Collections cannot resolve content dynamically at runtime

Think of it like exporting WordPress to static HTML: it’s fast, but the content no longer updates live.

Reference: Netlify Docs - Deploying static sites

⚡ Why Live Content Collections need server-side rendering (SSR)

Astro supports two output modes:

Static (output: "static") → pre-renders all pages at build time 🏗️
Server (output: "server") → resolves content dynamically on request 🔄

Live Content Collections require server output, otherwise the site generates HTML files without the ability to fetch content live.

Reference: Astro Docs - Deployment Options

🛠️ Fixing it with the Netlify adapter

To make Live Content Collections work on Netlify:

Install the official Netlify adapter:

npm install @astrojs/netlify

Update astro.config.mjs:

import { defineConfig } from "astro/config";
import netlify from "@astrojs/netlify";

export default defineConfig({
  output: "server",
  adapter: netlify(),
});

Test locally using Netlify CLI:

npm install -g netlify-cli
netlify dev

Deploy as usual to Netlify. Your site will now serve content dynamically via serverless functions, supporting Live Content Collections and dynamic routes.

Reference: Astro Netlify Adapter Docs

💡 Why this shift matters

Switching from static to server output is more than a config tweak:

Static mode → like exporting WordPress as HTML: fast but content is frozen ❄️
Server mode with Netlify → like running WordPress with PHP: dynamic, live updates, fully functional routes 🔄

Live Content Collections become fully usable:

Content updates appear live without rebuilding 🔄
Dynamic routing works correctly on Netlify 🌐
API integrations are seamless 🔌

✅ Conclusion

Netlify’s default static deployment is excellent for purely static Astro sites, but Live Content Collections reveal its limitations.

This setup unlocks a modern workflow that combines Astro’s speed ⚡ with server-side flexibility, giving you a live, dynamic site without sacrificing performance.

References:

🚀 Exciting Insights from "State of Tech Hiring in 2024" Report!

mbayedione10 — Mon, 26 Feb 2024 10:16:58 +0000

Hey Dev.to community! 👋
I'm thrilled to share some captivating insights from the "State of Tech Hiring in 2024" report, based on a comprehensive survey conducted by CodinGame and CoderPad, engaging over 19,000 developers and tech recruiters. Let's dive into the latest trends and challenges shaping the dynamic tech hiring landscape!

🔍 Key Insights:

Soft Skills Rising: Soft skills are now on par with technical expertise, with 78% of developers and 81% of recruiters highlighting their importance.
AI Integration: 60% of developers seek to integrate more AI into their workflows, indicative of a burgeoning trend towards automation.
Shift in Career Aspirations: A notable 36% of developers express disinterest in managerial roles, marking a notable shift in career aspirations.
Developer Priorities: Developers seek stability, clear direction, and the opportunity to learn new skills, underscoring their desire for a supportive and growth-oriented work environment.
Top Talent Priorities: Salary, work-life balance, and remote work options emerge as the top priorities for talent, as indicated by 81% of recruiters and 78% of developers.
Satisfaction with Management: Developers express high satisfaction with their current management, with approximately three-quarters reporting contentment.

💡 Insights on Talent Retention:

When asked about factors that influence their decision to stay, the resounding response was clear: Work/life balance (38%), great colleagues (37%), and exciting challenges (27%) are the secret sauce keeping devs glued to their seats! These elements underscore the importance of cultivating a supportive work environment to retain top talent.

📊 Leverage These Insights:

CodinGame and CoderPad data provide crucial insights into tech hiring for 2024. By leveraging these findings, organizations can adapt and thrive in the ever-changing landscape of recruitment.

📑 Full Report Available:

For a detailed analysis, you can find the full report here.

Let's empower organizations and developers alike to navigate the tech hiring landscape with confidence! 💪 #TechHiring #DevInsights #CareerGrowth

Feel free to share your thoughts and insights in the comments below! 🌟

How to install Flarum via SSH on Your Web Hosting or Server

mbayedione10 — Thu, 20 Jul 2023 16:07:58 +0000

Flarum is a lightweight and powerful open-source forum software that offers a modern and enjoyable user experience. To install Flarum on your web hosting or server via SSH, follow this step-by-step guide to help you accomplish this task.

Prerequisites for Flarum
Before starting the Flarum installation, make sure your web server meets the following prerequisites:

Web Server: You need a web server such as Apache or Nginx to host your Flarum forum.
PHP: Flarum requires PHP 8.1.18 or later with the following PHP extensions enabled:
pdo_mysql
openssl
mbstring
json
ctype
zip
Database: Make sure you have access to a MySQL or MariaDB database to store your forum data.
SSH Access: You must have SSH access to your hosting to perform the installation via the command line.
With the prerequisites verified, you are now ready to start the Flarum installation.

Step 1: SSH Connection to Your Hosting

Use an SSH client to connect to your web hosting. Open a terminal or command prompt and enter the following command:

ssh user@your-domain.com

Replace "user" with your username and "your-domain.com" with your hosting's URL.

Step 2: Flarum Installation

Once connected via SSH, you will be in your default home directory. Now, navigate to the desired directory to install Flarum using the cd command. For example, if you want to install Flarum in the "forum" folder of your hosting, use the following command:

cd path/to/your/forum/directory

Once in the desired directory, execute the following command to install Flarum:

composer create-project flarum/flarum .

Step 3: Flarum Installation

We will proceed with the actual installation. Make sure you are in the Flarum project directory before executing the following command:

php flarum install

This command will start the Flarum installation process. You will be guided through different steps to configure your forum:

Language Selection: Choose the language you want to use for the forum interface. If the language option does not appear, you can install the French language pack using the following command:

composer require flarum-lang/french

Database Configuration: Enter the database information you created earlier. You will need to provide the database name, username, and password.
Site URL: Provide the complete URL of your forum (e.g., 'your-domain.com').
Administrator Email: Enter the email address you want to associate with the Flarum administrator account.
Administrator Account Creation: Choose a username and password for the Flarum administrator account. This account will have administrative privileges on the forum.
Forum Configuration: You can configure the forum title and description here. This information will be displayed on the forum's homepage.
Once you have filled in all this information, the php flarum install command will create the database tables, configure the forum settings, and perform the necessary adjustments to make your forum operational.

Step 4: Installation Link Configuration

After the installation, you can configure the installation URL to be 'your-domain.com' by creating a '.htaccess' file in your Flarum installation directory and adding the following rule:

RewriteEngine on
RewriteRule ^$ public/ [L]
RewriteRule (.*) public/$1 [L]

This rule will redirect requests to the 'public' subdirectory of your Flarum installation.

Step 5: Verification and Debugging

After completing all the steps, check your site by accessing the main URL ('your-domain.com'). If you encounter errors, check error logs, file permissions, database configuration, clear Flarum cache, verify installed extensions and themes, etc.

Step 6: Installation Verification

To check the details of your Flarum installation, follow these steps:

Open your terminal or command prompt.
Navigate to your Flarum installation directory using the cd command.
Once in the Flarum installation directory, enter the following command to display important information about your installation:

php flarum info

This command will show essential details such as the installed Flarum version, activated extensions, configuration settings, etc. Review this information to ensure that your installation is correct and all essential elements are in place.

If everything is in order, congratulations 👏🏿! Your Flarum installation is successful, and you can now start using your forum!

If you encounter any issues or errors during this verification, make sure to check error logs, file permissions, database configuration, clear Flarum cache, and verify installed extensions and themes to troubleshoot any potential problems.

Remember to consult the official Flarum documentation for additional information on installation, configuration, and troubleshooting. This summary provides a general overview of the installation process, but adjustments may be needed based on your specific configuration.

In conclusion, this article provides a detailed and comprehensive guide for installing Flarum, an open-source forum software, on your web hosting or server using SSH. It covers all the necessary prerequisites, including having a suitable web server, PHP version, and database access.

The step-by-step instructions are easy to follow, making the installation process straightforward for both beginners and experienced users. From establishing an SSH connection to configuring the database and site settings, the article guides you through each stage with clarity and precision.

Transparent and organized governance: GTFC Municipality's Monitoring and Evaluation Platform

mbayedione10 — Tue, 04 Jul 2023 16:48:23 +0000

What I built

We are delighted to introduce a project that will revolutionize how the GTFC municipality manages its operational processes: the Monitoring and Evaluation Platform. This platform has been designed as part of the LOG (Local Open GovLab) project, an innovative program under the AfricTivists Strategic Program. Its main objective is to support, equip, train, and guide local administrations in integrating digital tools for budget transparency, open and inclusive governance, access to information, and co-creation with citizen dynamics.

The GTFC municipality expressed the need for a solution that goes beyond a simple showcase website and incorporates various management functionalities, such as meeting reporting, monitoring and evaluation, toolbox integration, mission reports, and much more. It is within this context that we have developed the Monitoring and Evaluation Platform, in close collaboration with the municipal team.

The Monitoring and Evaluation Platform has been developed using the Refine technology, which provides a user-friendly and intuitive interface. To ensure efficient data management, we have chosen to utilize Supabase Data Provider as the database solution. This allows secure storage and access to information while offering flexibility to adapt the platform to the changing needs of the municipality in the future.

Category Submission:

Best Overall Project
Most Visually Pleasing
Most Technical Impressive
Best Project built using Supabase as the main data provider for the refine app.

App Link

GTFC Municipality

Screenshots

Description

One of the first modules we focused on is the Agenda module. This module allows the municipal team to plan and organize meetings effectively. It offers the ability to create detailed agendas, specify discussion points, involved participants, and associated documents. With this functionality, meetings become more structured, and topics to be discussed are clearly defined, fostering productive and targeted discussions.

The second module we have developed is the Report module. This module enables the municipal team to capture decisions made during meetings, define actions to be taken, and assign responsible individuals. Additionally, it provides the ability to record key discussions and highlights of each meeting. This allows for precise traceability of information and facilitates the tracking of commitments made during meetings. This module contributes to better coordination among stakeholders and effective implementation of decisions.

We are aware of the challenges faced by the GTFC municipality, particularly in terms of limited material resources and internet connectivity issues. Therefore, we have ensured that the Monitoring and Evaluation Platform is accessible and functional, even on mobile devices and under varying connectivity conditions. This empowers the municipal team to access and update the agenda and reports from anywhere, simply using their mobile phones.

The development of the Monitoring and Evaluation Platform marks a significant step towards the digital transformation of the GTFC municipality. The Agenda and Report modules form a solid foundation for transparent, organized, and efficient management of municipal activities. It is important to emphasize that the Monitoring and Evaluation Platform is an integral part of the LOG (Local Open GovLab) project, which aims to create model communities for open local governance. This project is designed as an open-source solution, making it reusable by other municipalities seeking to improve their governance, promote transparency, and citizen participation. GTFC plays a pilot role in this project, demonstrating its commitment to innovative and collaborative governance.

Link to Source Code

Github Link

Permissive License

MIT

Background (What made you decide to build this particular app? What inspired you?)

When deciding to build this particular app, we were inspired by the vision of transparent and efficient governance within the GTFC municipality. We recognized the need for a comprehensive solution that goes beyond a traditional website and addresses the specific operational challenges faced by the municipality.

Our inspiration came from witnessing the dedication and hard work of the municipal team in managing numerous projects and activities. We saw an opportunity to support their efforts by providing them with a centralized platform that streamlines their processes, enhances collaboration, and facilitates informed decision-making.

The desire to empower the municipal team and enable them to work more effectively and transparently was a driving force behind the development of this app. We were inspired by the potential impact it could have on improving the overall governance and service delivery within the GTFC community.

Furthermore, the feedback and insights shared by the GTFC municipality during our discussions played a crucial role in shaping the app's features and functionalities. Their input guided us in understanding their unique requirements and tailoring the app to suit their specific needs.

Ultimately, our motivation stems from the belief that technology can be a powerful catalyst for positive change. We were inspired by the opportunity to contribute to the advancement of the GTFC municipality by providing them with a cutting-edge platform that enhances efficiency, transparency, and accountability.

In summary, the GTFC Monitoring and Evaluation Platform, developed as part of the LOG project, represents a significant advancement towards transparent, organized, and efficient governance. Its utilization of modern technologies, user-friendliness, and adaptability make it a valuable tool for the municipality. Moreover, as an open-source solution, it offers the opportunity for other municipalities to adopt and customize this platform to enhance their own governance processes

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

Utilizing Refine in our project has been an enriching experience. With Refine's powerful set of tools and functionalities, we were able to streamline the development process of our web application. We leveraged Refine's features for handling CRUD operations, authentication, access control, routing, networking, state management, and internationalization.

One of the key benefits we gained from using Refine was its ability to eliminate repetitive tasks commonly associated with building web applications. By providing industry-standard solutions for critical parts of our application, Refine allowed us to focus more on the unique aspects of our project and accelerate development.

Throughout our journey with Refine, we also learned new concepts and techniques. The headless architecture of Refine was particularly eye-opening. It taught us the importance of separating UI components from business logic, allowing for greater flexibility and customization. This approach opened up new possibilities for creating a tailored user interface while still benefiting from Refine's powerful backend features.

Moreover, we had the opportunity to work with React, the underlying framework for Refine. This enabled us to deepen our knowledge and skills in React development. We learned to leverage React's component-based architecture, hooks, and context API to create a modular and efficient application structure.

Overall, utilizing Refine in our project not only accelerated our development process but also broadened our skill set. It enhanced our understanding of frontend development best practices and solidified our expertise in React-based frameworks. We are excited to continue exploring and utilizing Refine in future projects, as it has proven to be a valuable tool for rapid and efficient web application development.

Additional Resources/Info

AfricTivistes collaborating with GTFC's Municipality,@abdoulayeguene and @dofbi
LOG Website
AfricTivistes Website