Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marktawa/sveltekit-strapi-blog
This is a blog website built using Strapi as a headless CMS and Sveltekit as the frontend framework.
https://github.com/marktawa/sveltekit-strapi-blog
cms css html js strapi sveltekit
Last synced: 7 days ago
JSON representation
This is a blog website built using Strapi as a headless CMS and Sveltekit as the frontend framework.
- Host: GitHub
- URL: https://github.com/marktawa/sveltekit-strapi-blog
- Owner: Marktawa
- License: mit
- Created: 2024-02-16T13:08:59.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-18T13:52:02.000Z (11 months ago)
- Last Synced: 2024-11-07T20:54:37.074Z (about 2 months ago)
- Topics: cms, css, html, js, strapi, sveltekit
- Language: JavaScript
- Homepage:
- Size: 982 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Sveltekit Strapi Blog
## Project Description
This is a blog website built using Strapi as a headless CMS and Sveltekit as the frontend framework.
## Source Code
[Sveltekit Strapi Blog v1.0.0](https://github.com/Marktawa/sveltekit-strapi-blog/releases/tag/v1.0.0)
## Article Link
[Build a blog from scratch using Strapi and Sveltekit](https://github.com/Marktawa/sveltekit-strapi-blog-article)
## Prerequisites
- Node.js (LTS version)
- Git
## Getting Started
Clone the repo.
```bash
git clone https://github.com/Marktawa/sveltekit-strapi-blog
```
Change directory.
```bash
cd sveltekit-strapi-blog
```
## Strapi Setup
Install dependencies.
```bash
cd backend
npm install
```
Build your Strapi app.
```bash
npm run build
```
Start your Strapi dev server.
```bash
npm run develop
```
Visit [localhost:1337/admin](http://localhost:1337/admin) in your browser to view the Strapi Admin Dashboard.
## Sveltekit Setup
Open up a new terminal session and open up the main project folder, `sveltekit-strapi-blog`.
Install dependencies.
```bash
cd frontend
npm install
```
Run Sveltekit app.
```bash
npm run dev
```
Visit [localhost:5173](http://localhost:5173) in your browser to view the Sveltekit app.
## Author
[Mark Munyaka](https://markmunyaka.com)
GitHub: [@Marktawa](https://github.com/Marktawa)
Twitter: [@McMunyaka](https://twitter.com/McMunyaka)
## Sponsor
Support my passion for sharing development knowledge by making a donation to my [**Buy Me a Coffee**](https://www.buymeacoffee.com/markmunyaka) account. Your contribution helps me create valuable content and resources. Thank you for your support!
[](https://www.buymeacoffee.com/markmunyaka)
[Buy Me A Coffee](https://www.buymeacoffee.com/markmunyaka)