https://github.com/cosmicjs/cosmic-react-blog
Clean, minimalist, content-first Blog powered by Cosmic JS
https://github.com/cosmicjs/cosmic-react-blog
Last synced: 4 months ago
JSON representation
Clean, minimalist, content-first Blog powered by Cosmic JS
- Host: GitHub
- URL: https://github.com/cosmicjs/cosmic-react-blog
- Owner: cosmicjs
- License: mit
- Created: 2018-05-24T15:05:05.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-07-18T17:51:05.000Z (over 3 years ago)
- Last Synced: 2025-07-09T19:49:15.350Z (6 months ago)
- Language: JavaScript
- Homepage: https://cosmicblog.chriso.io
- Size: 318 KB
- Stars: 5
- Watchers: 2
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cosmic Blog
### [View Demo](https://cosmicblog.chriso.io)
### [Cosmic JS](https://cosmicjs.com/)
This project was created to expirement with and demonstrate the Cosmic JS tooling. All of the backend data is stored, edited, and retreived using Cosmic JS.
### [React](https://reactjs.org/) + [Next.js](https://nextjs.org/)
This is a universal web application, meaning it is rendered on the server, as well as the client. This provides better initial load times and search engine optimization.
### Getting Started
```
git clone https://github.com/chrisoverstreet/cosmic-blog
cd cosmic-blog
npm i
```
### Develop
#### Add required development config files
- /.env _- secret variables (used on backend)_
```
PORT=<__PORT__>
BUCKET_SLUG=<__BUCKET_SLUG__>
```
#### Run in development
```
npm run dev
```
### Deploy
#### Add required production config files
- /.env.production _- secret variables (used on backend)_
```
PORT=<__PORT__>
BUCKET_SLUG=<__BUCKET_SLUG__>
```
- /.config.js _- public variables (used on frontend)_
```
API_URL: 'https://<__YOUR_DOMAIN__>/api',
BASE_URL: 'https://<__YOUR_DOMAIN__>',
```
- /now.json _- Now deployment configuration_
```
{
"alias": [
<__YOUR_DOMAIN__>
],
"dotenv": ".env.production",
"public": false
}
```
#### Deploy via [Now](https://zeit.co/now)
```
npm run deploy
```