/**
 * Fetch my 5 latest published articles from dev.to
 *
 * ℹ️ We are doing this on the server-side because authenticated
 * endpoints are CORS disabled...meaning we cannot make them from
 * the browser.
 */
const res = await fetch('https://dev.to/api/articles/me/published?per_page=5', {
    headers: {
        /**
         * ℹ️ This is my secret API key. It's been stored in a .env file
         * and imported here. This is a server-side file, so it's safe to
         * store it here.
         */
        'api-key': DEV_TO_API_KEY,
    },
});

articles = await res.json() as IBlogPost[];

return { articles };
    

/**
 * Fetches the 5 most recent featured articles from the DEV API
 *
 * ℹ️ This is an open endpoint, meaning it does not require an API key.
 * And since dev.to only disables CORS for authenticated endpoints, we
 * are able to make this request from the browser.
 */
async function fetchFeaturedArticles() {
    const res = await fetch('https://dev.to/api/articles?per_page=5');

    featuredArticles = await res.json();
}