What is a headless website ?

What is Headless website?

Headless website is a website which is in complete html or front end framework , it is a type of website where if you want to fetch any json data and show it in your website, you use API’s which will request data from the server.

Even Form is submitted via api.

Basically it decouples the front end(html website) from the backend (Php & DB).

So tip here is that if you start building a website start from scratch without using any backend framework or php.

Do not use .php or other server side languages to display front end, reason is :

1. They cannot be cached
2. They will first be compiled on the server and then processed by the frontend engine which will take time.

De-Coupling your web application impacts performance.

Whenever you want to create website do the following :

1. Choose frontend framework : vuejs or react js or core html
2. Choose Backend framework : laravel php frameword or nodejs

create your complete front end website in core html or framework,

Then create js API call class in javascript code and using you can make api call.

Reason I told you to use framework because it will do lots of background thing which you have to code in core html.

This gives advantage to put your website on Server 1 and your api calls on more secure and scalable server 2.

If it is a small website with 5 pages you will think why its important but when you are starting project this is the most important thing and if you are thinking about security that anyone can make API call from any machine.

You are wrong because we can implement OAuth 2 so that only our request is served.

Write Once .. Call from Anywhere

Best thing of going headless is that you have to write API call only once and you can create and share API keys so that your app , you website and any other source can call that api.

Our Developers at ShypAssist are also going headless.

If you need any clarity just leave a comment below

You can read my ebook on website fundamental :

#websitedevelopment #websitetips #websitedesign #uideveloper #uidesign #uitips #headlesswebsite #webdeveloper #developercommunity #webblog #websiteblogger #webdev #websiteoptimization #reactjs #vuejs #frontenddeveloper #frontendwebdeveloper