Blog 11ty eleventy Tina CMS Starter
Free download and open source code Blog 11ty eleventy Tina CMS Starter themes template

Documentation

How to install and work with JAMSTACK blog 11ty + Headless Tina CMS website Themes project.

Local Installation

• Download and install Node JS on your devices
• Download Source Code Project
• Create New folder on desktop name it with your project.
• Extract source code files in to your project
• Access with terminal run 'cd C:\Users\pcname\Desktop\yourproject' change pcname with your pc name and change yourproject with your new project.
• Run Installation with Terminal npm install && npm start
• Open localhost:8080
• For stop , you can presh ctrl+C

Work with Eleventy Jamstack Blog 11ty themes template

• Setup your site on _data/metadata.js change title, description , add favicon, and configure your navbar
• Update home page on content/index.md files - open with code editor and update title, description and write content here
• Update Blog List page on content/blog.md update title and description for your blog list page
• Update Article Blog on content/blog/*.md update or create new article for your blog article
• Update Static Page on content/static_page/*.md update or create new static page for example about us, contact us, and others
• Update Tag list page on content/tags.njk update title for your tag list page
• Update Tag page on content/tag-page.njk update title and description for your tag page
• Update 404 or not found page on content/404.md update content for your not found 404 page

Work with Headless Tina CMS

• Open terminal and run npx tinacms dev -c "npm start"
• Open localhost:8080/admin
• For update and create new article blog you can access on articles menu
• For update and create new static page you can access on static page menu

Push On Github

• Create account on github
• Create new repo and name it with your project
• Visit your github repo and copy paste all command on your project folder in to your terminal.
• run this command `git init && git add . && git commit -m "my first commit" && git remote add origin https://github.com/username/myrepo

git push -u origin main` need to change username with your github username , and myrepo with your repo project name , and main with your github repo default branch for example main or master - check on your github repo.

Make your website online

• You can use neltify , vercel , cloudflare pages for deploy your eleventy website blog project - recommended.
• Create account with your github account on vercel ,netlify , cloudflare ,then create new project on vercel / netlify , for cloudflare you can create new cloudflare pages.
• After you have create new project now you can integration your github repo, select your repo project, and select eleventy framework , then click deploy.
• Congratulations your JAMSTACK website is live now !!

Production build for PHP Hosting

If you want to run on your PHP hosting like cpanel, plesk,direct admin , apanel , VPS and others. So you need to build production mode for your project.

Run npm run build and upload your build production _site folder into your hosting.

But we recommended to you for use modern static hosting.

Thank You by using Blog11ty JAMSTACK TIna CMS themes template project

We hope with this source code you can build modern website blog for your project.

Buy me a coffee ☕️ ❤️ ✌🏻

Paypall Gumroad Github Sponsor