Learn Next.js By Building Your First Next.js App From Scratch
<p>While this post will help you build a Next.js app from scratch, you should have some knowledge of HTML, CSS, JavaScript, React, and related web development concepts before jumping into it.</p>
<ul>
<li><a href="https://levelup.gitconnected.com/learn-next-js-by-building-your-first-next-js-app-from-scratch-part-2-ecbeebce54ca" rel="noopener ugc nofollow" target="_blank">Second part</a></li>
<li><a href="https://levelup.gitconnected.com/build-a-weather-app-on-next-js-includes-code-bd111bda235f" rel="noopener ugc nofollow" target="_blank">Build A Weather App On Next.js</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSey979gvih1pGaKfzNdiNvECMKiv8GqiwNIHPoeqG2m6Z18nQ/viewform" rel="noopener ugc nofollow" target="_blank">Workshop</a></li>
</ul>
<h1>Workshop</h1>
<p>If you’d like to join a free Next.js workshop, <a href="https://forms.gle/GFBQg1supy37Y19o9" rel="noopener ugc nofollow" target="_blank">let’s keep in touch</a>.</p>
<p>If you need a refresh, the <a href="https://nextjs.org/learn/foundations/from-javascript-to-react" rel="noopener ugc nofollow" target="_blank">From JavaScript to React</a> section is a good start.</p>
<blockquote>
<p>Next.js is a React framework that gives you building blocks to create web applications.</p>
</blockquote>
<p><img alt="Next.js logo" src="https://miro.medium.com/v2/resize:fit:630/1*YPETs_O_io9ZEM1Ew55sIQ.jpeg" style="height:294px; width:700px" /></p>
<p>Next.js logo</p>
<p>This series of posts introduces the fundamentals of Next.js by building a simple blog.</p>
<p>We will cover the following topics:</p>
<ul>
<li>How to build navigation using the Pages router and the Link component,</li>
<li>How and why to use the Image component,</li>
<li>Global and Local CSS,</li>
<li>Creating custom components,</li>
<li>Data fetching (SSG, SSR) and pre-rendering</li>
</ul>
<p>This post is the first of the series and it covers the first four points.</p>
<p>I am organizing a <a href="https://forms.gle/GFBQg1supy37Y19o9" rel="noopener ugc nofollow" target="_blank">free Next.js workshop</a>. Feel free to join, if interested.</p>
<p><a href="https://levelup.gitconnected.com/learn-next-js-by-building-your-first-next-js-app-from-scratch-8ec7cc93a9cb">Click Here</a></p>