Welcome to my portfolio site
callummclu.co.uk is a small web app built to serve my personal portfolio, built specifically with speed and architecture in mind. 😊
The web application makes use of different subdomains to handle different aspects of the site, ranging from API's for data access to CDN site for hosting static files below are whats available.
This is the main client facing site, this enables viewing of the main content on the site.
This allows me to control the content on the client facing site through a well contructed administrative portal
Similar to linktree this site serves as a lightweight site to quickly provide access to all my relevant links including github, linkedin, medium and the main site.
To enable access with the database and enable the administative portal the api site handles crud operations on posts as well as JWT enabled authentication to access the admin site.
To ensure the site runs as fast as possible all static images are stored on the cdn site, this is fully equiped with life long caching and also stores the sites javascript and css files.
| Technology | Use case |
|---|---|
| go | A golang backend enabled by gin gonic is used to enable a fast and lightweight web api to handle authentication and basic crud operations for the administrative site |
| nextjs | next is used for every front end piece of the site, including the admin site, main client facing site and the links site enabling transferrable components and consistent design, whilst keeping the site fast |
| sass | for any custom styling sass and sass modules were used to enable fast loading times and as little code repetition as possible |
| mantineUI | To keep a consistant design language whilst reducing development time mantine was chosen as the component library, I chose this over material because I dont like the way materialUI looks |
| NGINX | |
| Docker | |
| Debian 11 |
- First ensure docker-compose is installed on the server. An example of how to do this on debian 11 is here
- add your ssl certificate
certificate.cerand keykey.keyto/data/certswithin the linux server, this will not exist so youll have to make the directory, usingnano /data/certs/certificate.cerandnano /data/certs/key.keypasting the values in and saving. - In addition to adding the ssl certificate add a
~/configfolder with.envand.fronetend.envin them following the conventions of the example equivelants in the repo. - From here create a new directory for your project, in this case I added a
callummclu.co.ukin the root directory. - Following this ensure git is installed in the server using
sudo apt install git - After this run git pull in your newly created directory.
- Finally run the deploy script using
bash deploy.sh, doing this will run docker-compose and build the image.
There may be additional changes needed for ensuring that nginx allows outward https but my server did not require this.