Table of Contents
An easy (and free) way to start a web app. Use this template to make quick web app prototypes!
Every webapp that I've made in the last few years includes setting up a simple client side that sends a request to the backend. This project makes an almost-ready template for the client side.
The idea is simple: the actual html is constructed on the server side. This template belongs to the client side and the only thing it does is sending the request to get the desired html. Then the body is replaced. The website is styled in css/style.css
.
Clone the repo (or fork to deploy it as a github page)
$ git clone https://github.com/STASYA00/Frontend_Template.git
None
- In
js/main.js
replaceWEBSITE
(line 9) with your endpoint (e.g.http://localhost:3000
to test it with a local server). - Your endpoint should return
{KEY : HTML}
, whereKEY
is a string (e.g."content"
) andHTML
is html page as a string (e.g."<html><head></head><body><div id="root"></div></body></html>"
) - In
js/main.js
replacecontent
(line 11) with your key (e.g."key"
).
Bonus: for the page to be searchable by Google:
- Control your website address with google search console
- If it is not registered, add HTML tag (from the pop-up window) to the
index.html
: uncomment line 5 (<meta name="google-site-verification" content="xxxxxxxxxxxxx-xxxxxxxxxxxxxxxxx-xxxxxxxxxxx" />
) and replace content with the tag from the pop-up window - It will take a couple of days for your website to become searchable
Distributed under the MIT License. See LICENSE.txt
for more information.