IPFS Dedicated Gateways: Hosting a Resume or Portfolio

Learn how to use an IPFS dedicated gateway to host a static webpage such as a resume or portfolio.

Filebase IPFS dedicated gateways can be configured to serve a single IPFS CID at the root of the gateway. This means that instead of needing to specify the IPFS CID in the gateway URL, by default the URL will host the configured CID.

For example, when using an IPFS gateway, the format typically follows:

When using a dedicated gateway with a root CID, the path and CID fields are not required to return the root CID. A dedicated gateway through Filebase will use the following domain structure:

https://gatewayname.myfilebase.com

If a root CID is set, this single URL can be shared to distribute the stored CID’s content.

In this tutorial, we’ll use this feature to host a static HTML file that contains resume or portfolio information. Then, this URL can be distributed to share your resume using a human-readable, easy-to-remember URL.

1. Start by making an HTML file that contains your resume information. A template for this can be found below:

<!DOCTYPE html>
<html>
<head>
<title>
[Name] - Resume</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {background-color:#ffffff;background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
h2{font-family:Arial, sans-serif;color:#000000;background-color:#ffffff;}
p {font-family:Georgia, serif;font-size:14px;font-style:normal;font-weight:normal;color:#000000;background-color:#ffffff;}
</style>
</head>
<body>
<h1>[Name]</h1>
<h3>[Email + Phone Number]</h3>
<h3>[Address]<h3>
<p></p>
<h2>[Most Recent Role Title and Company]: June 2022 - July 2023<h2>
<p>[Role Description]</p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p></p>
<h2>[Previous Role Title and Company]: June 2021 - June 2022<h2>
<p>[Role Description]</p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p>- Example of role responsibility. </p>
<p></p>
<h2>Skills</h2>
<h3>Skill 1</h3>
<p>Description of Skill and length of experience with skill.</p>
<h3>Skill 2</h3>
<p>Description of Skill and length of experience with skill.</p>
<h3>Skill 3</h3>
<p>Description of Skill and length of experience with skill.</p>
</body>
</html>

2. Edit this HTML template to reflect your information or include other sections of information, then save it as ‘resume.html’.

3. Next, navigate to the Gateways page on the Filebase web console.

Filebase IPFS Dedicated Gateways are a feature only available to paid users. They are not available for users on the free tier.

4. Select the ‘Create Gateway’ button in the upper right corner.

5. A new window will open prompting you to provide a gateway name and select the gateway’s access level.

Gateway names are subject to the same naming restrictions as bucket names. All gateway names must be lowercase, between 3-63 characters, and must be unique.

Since we’ll be hosting a resume with this gateway, choosing something that reflects your name or professional title may be ideal.

6. Select ‘Public’, then select ‘Create Gateway’.

You can create a new IPFS bucket by clicking ‘Create Bucket, or select an existing bucket.

8. Select your IPFS Bucket.

9. After clicking on the bucket name, you will see any previously uploaded files.

To upload a file, select 'Upload', then select 'File' from the options.

10. Select the HTML file you created containing your resume information.

12. Select ‘Set as Root’ from the list of options.

13. Then select the dedicated gateway you created earlier, then select ‘Set as Root Gateway’.

14. Now, when you open your dedicated gateway, your HTML resume will be viewable without needing to specify the file’s IPFS CID in the URL:

If you have any questions, please join our Discord server, or send us an email at hello@filebase.com

PreviousIPFS Dedicated Gateways: Hosting a Multipage Website NextIPFS Dedicated Gateways: Hosting a Static Website

Last updated 1 year ago

Filebase