themestemplate website themes website template blog themes blog template jamstack themes jamstack template eleventy 11ty template tinacms headlesscms tinacmsthemes eleventythemes jamstackthemes freethemes

Blog 11ty eleventy Tina CMS Starter Content Docs

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.