<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Roland</title>
    <description>The latest articles on DEV Community by Roland (@samlinux).</description>
    <link>https://dev.to/samlinux</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1323781%2Fbef8d9ff-adf5-4a5b-87f6-b1bea9d97243.jpg</url>
      <title>DEV Community: Roland</title>
      <link>https://dev.to/samlinux</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/samlinux"/>
    <language>en</language>
    <item>
      <title>VERCEL and the Internet Computer</title>
      <dc:creator>Roland</dc:creator>
      <pubDate>Wed, 06 Mar 2024 14:45:32 +0000</pubDate>
      <link>https://dev.to/samlinux/vercel-and-the-internet-computer-4pf4</link>
      <guid>https://dev.to/samlinux/vercel-and-the-internet-computer-4pf4</guid>
      <description>&lt;p&gt;Hello 👋 Dev.to community!&lt;/p&gt;

&lt;p&gt;I'm excited to share with you my latest piece on &lt;strong&gt;&lt;em&gt;VERCEL and the Internet Computer&lt;/em&gt;&lt;/strong&gt;. This article shows how a SvelteKit application hosted on VERCEL can access data from the Internet Computer using Server-Side Rendering (SSR).&lt;/p&gt;

&lt;h2&gt;
  
  
  Engage with Me
&lt;/h2&gt;

&lt;p&gt;I'm looking forward to hearing your thoughts, feedback, or questions. Let's start a conversation in the comments below! Your insights make the dev community a richer place.&lt;/p&gt;

&lt;p&gt;Read the Full Article Here: &lt;br&gt;
&lt;/p&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;a href="https://blog.icacademy.at/blog/vercel-ic-sveltekit-starter" rel="noopener noreferrer"&gt;
      blog.icacademy.at
    &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;Get the Github Repository Here:&lt;br&gt;
&lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/samlinux-development" rel="noopener noreferrer"&gt;
        samlinux-development
      &lt;/a&gt; / &lt;a href="https://github.com/samlinux-development/ic-vercel-sveltekit-2" rel="noopener noreferrer"&gt;
        ic-vercel-sveltekit-2
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;
  &lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/538db8ab46a4696a7ac1dcb9b1f77157c46fafb9015ab73de3b219a96a314e20/68747470733a2f2f626c6f672e696361636164656d792e61742f696d616765732f696341636164656d792e706e67"&gt;&lt;img width="240" src="https://camo.githubusercontent.com/538db8ab46a4696a7ac1dcb9b1f77157c46fafb9015ab73de3b219a96a314e20/68747470733a2f2f626c6f672e696361636164656d792e61742f696d616765732f696341636164656d792e706e67"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;VERCEL and the Internet Computer&lt;/h1&gt;
&lt;/div&gt;

&lt;p&gt;For more insights, visit our article on &lt;a href="https://blog.icacademy.at/blog/vercel-ic-sveltekit-starter" rel="nofollow noopener noreferrer"&gt;icAcademy&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;This is a demo project to demonstrate how a Web2 frontend hosted on &lt;a href="https://vercel.com" rel="nofollow noopener noreferrer"&gt;VERCEL&lt;/a&gt; can access a Motoko backend canister on the Internet Computer using Server Side Rendering (SSR).&lt;/p&gt;

&lt;p&gt;In this example the frontend is a SvelteKit application and the backend is a Motoko canister running in a dedicated canister on the Internet Computer. The frontend calls a Body Mass Index (BMI) calculation function in a dedicated canister and displays the result.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;This example shows that a frontend that is NOT hosted on the Internet Computer can access a backend on the Internet Computer using Server Side Rendering (SSR).&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;How to use this example&lt;/h2&gt;
&lt;/div&gt;

&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Get the code&lt;/h3&gt;
&lt;/div&gt;

&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; create a base folder&lt;/span&gt;
mkdir myBmi &lt;span class="pl-k"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="pl-c1"&gt;cd&lt;/span&gt; myBmi

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; copy project files&lt;/span&gt;
npx degit https://github.com/samlinux-development/ic-vercel-sveltekit-2

&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; install dependencies&lt;/span&gt;
npm install&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;This project uses a special canister for…&lt;/p&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/samlinux-development/ic-vercel-sveltekit-2" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;



&lt;h2&gt;
  
  
  Closing
&lt;/h2&gt;

&lt;p&gt;Thank you for your time and interest. I hope this article brings value to your day and projects. Stay tuned for more content like this, and happy coding!&lt;/p&gt;

</description>
      <category>internetcomputer</category>
      <category>sveltekit</category>
      <category>vercel</category>
      <category>icacademy</category>
    </item>
  </channel>
</rss>
