<h2 id="heading-hello"><strong>Hello</strong></h2>
<p>How are you today ?</p>
<ol>
<li>Create A Vercel Account at <a href="http://vercel.com" class="autolinkedURL autolinkedURL-url" target="_blank">vercel.com</a></li>
<li><p>Then Create A New Project</p>
</li>
<li><p>Choose your own method </p>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1646679670287/Ph_gBZmbI.png" alt="image.png" /></p>
<p>in my case i choose github</p>
<p>Then choose your repository and click <code>import</code></p>
<p>Then choose your own name of the production deployment</p>
<p>Then choose your own build like the package manager <code>yarn or npm</code> and the build directory and others</p>
<p>Then If you have <code>.env</code> file he will don't work add your own in the environment variables section and then click <code>deploy</code></p>
<p>Wait for a moment and congratulations 🎊You deployed your app </p>
<div class="hn-embed-widget" id="youtube"></div><div class="hn-embed-widget" id="socials"></div>

## **Hello**

How are you today ?

1. Create A Vercel Account at vercel.com
2. Then Create A New Project

3. Choose your own method 

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1646679670287/Ph_gBZmbI.png)

in my case i choose github

Then choose your repository and click ```import```

Then choose your own name of the production deployment

Then choose your own build like the package manager ```yarn or npm``` and the build directory and others

Then If you have ```.env``` file he will don't work add your own in the environment variables section and then click ```deploy```

Wait for a moment and congratulations 🎊You deployed your app 

%%[youtube]
%%[socials]

Deploy Simple html css code, react app, Gatsby, Next JS, Vue, Nuxt JS, Svelte, Angular, Hugo, Preact and etc

Deploy an app on vercel

Hello my name is Mohamed Ehab 
I am A Full-Stack Developer 
My Portfolio My Github Profile
