TermSite - Static Terminal profile site
π» TermSite - build a terminal styled website
Highly customizable, easy-to-use, and minimal terminal styled website template, powered by Next.js.
Building a simple website with TermSite and you only need to work with the file: config.json.
Docker Usage
First, clone the project and edit config.json
to your liking. Then run the following to start the container in DEV mode uses (port 3005)
1
docker-compose up -d --build termsite
To run docker container in production mode uses (port 3000)
1
docker-compose up -d --build termsite-prod
π Basic Configuration
90% of TermSiteβs configurations are done through the config.json
file.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{
"readmeUrl": // create a Github README and link it here!
"title": // title of the website
"name": // your name, included in 'about' command
"ascii": // ascii art to display
"social": {
"github": // your handle
"linkedin": // your handle
},
"email": // your email
"ps1_hostname": "liveterm" // hostname in prompt
"ps1_username": "visitor", // username in prompt
"resume_url": "../resume.pdf", // path to your resume
"non_terminal_url": "W",
"colors": {
"light": {
...
},
"dark": {
... // you can use existing templates in themes.json or use your own!
}
}
}
Feel free to change it as you see fit!
Themes
You can find several pre-configured themes in themes.json
, and you can replace the colors in config.json
with the theme color you like! The themes are based on the themes on this website.
For a better preview of the themes, checkout the images in the demo
folder.
Favicons
Favicons are located in public/
, along with the other files you may want to upload to your website. I used this website to generate favicons.
Banner
You may also want to change the output of the banner
command. To do that, simply paste your generated banner in src/utils/bin/commands.ts
. I used this website to generate my banner.
Advanced Configuration
If you want to further customize your page, feel free to change the source code to your liking!
π Deploy on Vercel
The easiest way to deploy a Next.js app is to use the Vercel Platform from the creators of Next.js.
You can install vercel
cli and follow the instruction here.
You can also connect your github account to vercel and have vercel automatically deploy the github repository for you.
Github
https://github.com/bigsk1/TermSite
Credit
Based on M4TT72βs awesome Terminal.
Made from Fork at https://github.com/Cveinnt/LiveTerm