Submit templates for repl.it/templates here.

← Back to all posts
Ultimate Web Template
AmazingMech2418 (1014)

Ultimate Web Template

Have you ever wanted to easily create a web server with no code needed to create a website? Have you ever wanted to create a responsive website with no idea where to start? Have you ever wanted to create a login page for your website with no code needed? Have you ever wanted to create your own HTML5 video game? Have you ever wanted to create an API? If your answer to any of these is "yes", then the Ultimate Web Template is right for you!

The Ultimate Web Template utilizes a Repl.it-hosted NPM package, ServerLight, created by me to provide the easy use of Express without as much storage usage.

The Ultimate Web Template has many capabilities including

  • Easy web server creation
  • Simple, but optional, Socket.io integration
  • A file crawler so you don't have to manually put in website paths for your web server
  • Support for images, audios, and videos
  • Framework CSS+JS stylesheets for advanced, responsive applications
  • Framework CSS+JS Home stylesheet for info and login pages
  • Webpage templates for Framework CSS+JS (both main and Home stylesheets), login pages (with Home stylesheet), plain HTML files (no need to add in the DOCTYPE, HTML, or body tags; they are already included!), and HTML5 games (with included graphics and game libraries created by myself)
  • An HTML5 pixel-based graphics library for canvas
  • Cursor controls within canvas
  • Markdown support with Showdown.js
  • A Linux-based "Dev Console" to provide a simple CLI for developing and maintaining your server.
  • Request header reading and server-side URL reading and query parsing with ServerLight 1.0.5

Coming Soon

  • JSON-based encrypted database system
  • Advanced password hashing and storage algorithms
  • custom request headers (including optional CORS which is currently enabled automatically) with ServerLight 1.0.6
  • More features as I come up with them

If complete with developing your website, feel free to delete the templates folder, but not before then since deleting it prior to finishing web development will cause you to be unable to use most Dev Console commands and will prevent you from being able to use the templates or replace HTML, CSS, and JS files containing corrupted template versions with a fresh template.

Note: The newpage/np and newmd/nmd commands use paths relative to the html folder and the newjs/njs and newcss/ncss commands use paths relative to the js and css folders respectively while all other commands besides the Linux-derived commands (cat, cd, ls, mkdir, help) are relative to the root directory. Linux-derived commands are relative to the current working directory. Also, to create a webpage with a pathname without a file extension, you must use a folder (can be created with mkdir) and either index.html or README.md file within that folder.

Updates:

4/23/2020 @ 1:01 PM ET - ServerLight has been updated to 1.0.5 and now supports request header reading and URL and query string reading.

Comments
hotnewtop
AmazingMech2418 (1014)

@Highwayman I also just updated ServerLight to 1.0.5 so that we can use it! Check out the repl for CS4C in router.js.

AmazingMech2418 (1014)

@Highwayman Type in KNOWN_LANGUAGES into the JS console...

List of all Repl.it languages: ["clojure","haskell","kotlin","qbasic","forth","lolcode","brainf***","emoticon","bloop","react_native","unlambda","javascript","babel","coffeescript","scheme","apl","lua","python","ruby","roy","php","python3","nodejs","enzyme","go","java","cpp","cpp11","c","csharp","fsharp","web_project","html","rust","swift","python_turtle","basic","jest","django","express","sinatra","rails","rlang","nextjs","gatsbyjs","reactjs","reactts","reactre","flow","bash","quil","polygott","crystal","julia","perl6","elixir","nim","dart","gatsbyjsv2","reason_nodejs","tcl","erlang","typescript","ocaml","pygame","love2d","reason","Tkinter","tkinter","java_swing","php_server","nodejs_prybar","elisp","php7","sqlite","java10","php_cli","nodejs_beta","pyxel","static","nodejs_static","html_beta","java_maven","testj_beta","go_beta","python3_beta","testj","java10_beta","python_beta","raku","riddlejs","scala","wasm"]

Highwayman (1459)

@AmazingMech2418 awesome! Sorry about the delay I had my repl.it account block for all of yesterday :/

xolyon (341)

Nice do you know how to import formats?

AmazingMech2418 (1014)

@xolyon Thank you! What do you mean by formats exactly?

xolyon (341)

@AmazingMech2418 crap I mean fonts (autocorrect sorry!)

AmazingMech2418 (1014)

@xolyon Well, you can import fonts from Google Fonts using @import in CSS. Also, if you have your own font, you can add the correct image MIME type for your font file just after line 104 in index.js or you can add a get request in router.js, given that you have uploaded the file to the repl, preferably in the assets/images directory.

AmazingMech2418 (1014)

@xolyon The HOMEINDEX template also includes the Orbitron font from Google Fonts as a part of the Home theme for Framework CSS+JS.

xolyon (341)

@AmazingMech2418 k I knew that , wanna check my game out?

AmazingMech2418 (1014)

@xolyon Also, do you have any ideas for features to add to this? What do you think about what it can do currently?

xolyon (341)

@AmazingMech2418 go to my account or search by new in share it's called maze game , for some reason the emojis wont load on your phone so be sure to use something else if you can!

xolyon (341)

@AmazingMech2418 I kinda don't wanna say since I am making my own and also because everything has already been done but I dunno loading in APIs? Like google maps?

AmazingMech2418 (1014)

@xolyon You're making your own web template? Cool! So, what do you think about what this template can do. Do you like it or not and why? Also, I'm checking out your game now.

xolyon (341)

@AmazingMech2418 I don't really have a lot of time to check out Dev controls so ill tell you in the morning

xolyon (341)

@AmazingMech2418 are you online? can you help me with the RPG

AmazingMech2418 (1014)

@xolyon Sure! I guess, I'll just have to go between tabs, but it's fine. I'm working on a programming language template now too.

LiamDonohue (295)

how do you use the dev console

AmazingMech2418 (1014)

To view the Dev Console, you need to fork the repl.