The project includes four main directories:

1. Generate a Production Build

   • In the BlogFastAI dashboard, locate and click the "Download Build" button.
   • This action will create a production-ready build of your blog in a zip folder.

2. Prepare the Build

   • Extract the contents of the zip folder to your local machine.
   • Rename the extracted folder to "blog".

3. Deploy the Build

   • Place the "blog" folder in any location capable of serving static folders.

   Deploy to Next.js

   To deploy your blog to a Next.js project, add the following rewrites to your next.config.js file:

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 async rewrites() { return [ { source: "/blog", destination: "/blog/index.html", }, { source: "/blog/page/:pagenumber", destination: "/blog/page/:pagenumber.html", }, { source: "/blog/posts/:slug", destination: "/blog/posts/:slug.html", }, ]; },

   These rewrites will ensure that your static blog pages are correctly served by the Next.js server.

   Deploy to Nuxt.js

   To deploy your blog to a Nuxt.js project, add the following filerewrite.ts under the server/middleware folder with the following content:

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 export default defineEventHandler((event) => { const url = getRequestURL(event).pathname; if (!url) return; // Handle blog/page/number const pageMatch = url.match(/^\/blog\/page\/(\d+)$/); if (pageMatch) { return sendRedirect(event, `/blog/page/${pageMatch[1]}.html`); } // Handle blog/posts/slug const postMatch = url.match(/^\/blog\/posts\/([^/]+)$/); if (postMatch) { return sendRedirect(event, `/blog/posts/${postMatch[1]}.html`); } // Handle basic blog path if (url === '/blog') { return sendRedirect(event, '/blog/index.html'); } });

   This middleware will ensure that your static blog pages are correctly served by the Nuxt.js server.

   Deploy to Vite

   To deploy your blog to a Vite project, copy build output add the following plugin to your vite.config.js plugins array

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 plugins: [ { name: "rewrite-middleware", configureServer(server) { server.middlewares.use((req, res, next) => { // Extract URL without query parameters const url = req.url?.split("?")[0]; if (!url) { return next(); } // Basic blog index if (url === "/blog") { req.url = "/blog/index.html"; return next(); } // Blog page number const pageMatch = url.match(/^\/blog\/page\/(\d+)$/); if (pageMatch) { req.url = `/blog/page/${pageMatch[1]}.html`; return next(); } // Blog posts const postMatch = url.match(/^\/blog\/posts\/([^/]+)$/); if (postMatch) { req.url = `/blog/posts/${postMatch[1]}.html`; return next(); } next(); }); }, }, ],

   This plugin will ensure that your static blog pages are correctly served by the Vite server.

   Deploy to Astro

   To deploy your blog to an Astro project, copy and paste the following configuration to your astro.config.mjs file:

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 import { defineConfig } from "astro/config"; export default defineConfig({ vite: { plugins: [ { name: "rewrite-middleware", configureServer(server) { server.middlewares.use((req, res, next) => { // Extract URL without query parameters const url = req.url?.split("?")[0]; if (!url) { return next(); } // Basic blog index if (url === "/blog") { req.url = "/blog/index.html"; return next(); } // Blog page number const pageMatch = url.match(/^\/blog\/page\/(\d+)$/); if (pageMatch) { req.url = `/blog/page/${pageMatch[1]}.html`; return next(); } // Blog posts const postMatch = url.match(/^\/blog\/posts\/([^/]+)$/); if (postMatch) { req.url = `/blog/posts/${postMatch[1]}.html`; return next(); } next(); }); }, }, ], }, });

   This configuration will ensure that your static blog pages are correctly served by the Astro server.