Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n based SPA for procrastinating developers to quickly spin up their own kickass blog and showcase their projects.
Visit: template.karngyan.com to see all feature enabled version of this template.
# replace <username> with your username
git clone git@github.com:<username>/karngyan.com.git
git checkout -b website
$ npm install –global yarn
$ yarn install
$ yarn dev
```
Page might not load right now, you can set
firebase.enabled = false
inkarngyan.config.js
for now. Read along.
karngyan.config.js
to your liking. You can turn on and off sections/pages by changing the enabled
value for respective objects.
static
directory. It matches to root when deployed.strings
object accordingly.firebase.enabled = false
in karngyan.config.js
, and move to the next step. Otherwise follow these:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /likes/{id} {
allow write: if request.auth != null;
allow read: if true;
}
match /comments/{id} {
allow write: if request.auth != null &&
request.resourse.data.text.size() > 0 &&
request.resource.data.slug.size() > 0;
allow read: if true;
}
}
}
.env.example
-> .env
and add values from config object.website
dist
yarn generate
content/posts
and projects in content/projects
in markdown or html. There’s a couple of samples that come with the template.The code is yours, edit whatever you feel like. Don’t forget to star the repository if you liked it.
This project uses nuxt content, you can read about it here
You can also set up forestry to never open code and use a cool editor. I’ll add instructions to use that later.
My own website karngyan.com is actually deployed on AWS in an S3 bucket, with Cloudfront. But that comes with a few caveats to configure and maintain. Anyways the gulpfile.js to deploy to AWS is committed with the project if you feel like you want to check it out.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)Raise a PR when your website’s up to add you here.
Find your alphabetical position, or raise a PR to automate this.
Distributed under the MIT License. See LICENSE
for more information.
Karn - @gyankarn - mail@karngyan.com
For detailed explanation on how things work, check out Nuxt.js docs.