A starter for building blogs in multiple languages. Manage your content without using a code editor. Built with Astro 5 and Tailwind CSS 4.
- No Code Editor Required: Write and publish posts using the integrated UI. Your content is automatically committed to your GitHub repository as Markdown.
- Easy Setup and Hosting: Connect your GitHub repository to Netlify for automated builds, free global hosting, and built-in form handling.
- Integrated CMS: Pre-configured Decap CMS provides a professional interface for writing posts and managing images.
- Multilingual: Support for English, Turkish, and Arabic (RTL) included. No hardcoded text in the UI.
- Search: Client-side search using Pagefind. (Works after the site is built).
- Clean Design: A professional interface using nature-themed placeholders instead of human photos.
-
Install dependencies:
npm install
-
Local development:
npm run dev
-
Local CMS access: Start the proxy server in a separate terminal:
npm run cms-proxy
Then visit
http://localhost:4321/admin/.
- Translations: UI text is managed in
src/i18n/ui.ts. - Search: To test search on your machine, run
npm run buildfollowed bynpm run preview. - CMS Removal: To remove the CMS, delete the
public/adminfolder,src/pages/admin/index.astro, and the script insrc/layouts/Layout.astro.
This template uses a workflow where saving a post in the admin panel commits it to your GitHub repository, which triggers a new build of your site.
- Push your code to a GitHub repository.
- Create a new site on Netlify and connect it to your repository.
- Enable Identity: Dashboard > Site configuration > Identity > Enable Identity. (We recommend setting registration to "Invite only").
- Enable Git Gateway: Identity > Services > Git Gateway > Enable Git Gateway.
- Add Google Login (Optional): Identity > External providers > Add provider > Google.
The contact form uses Netlify Forms. Submissions are received automatically in your Netlify dashboard under the Forms tab.