Skip to content
UdemyReactPaid courseAll LevelsCertificate

Next JS & Typescript with Shopify Integration - Full Guide (Udemy.com)

Learn modern Next JS(Next 10+). Code everything in Typescript and integrate with Shopify. Professional app architecture.

Created by: Eincode by Filip Jerga

Last updated September 2021

icon
What you will learn

  • Build a modern, well-architectured app from scratch
  • Get most of the JS with Typescript
  • Create applications with real use case
  • Create Shopify integration

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100

icon
Course Description

What is Next.js?

Next.js is a React-based framework that provides infrastructure and simple development experience for server-side rendered(SSR) & static page applications.

  • An intuitive page-based routing system (with support for dynamic routes)

  • Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per-page basis

What is Typescript? 

TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.


Is this course right for you?

If you plan to start your career as a developer or improve your programming skills, this course is right for you. Learn how to build a professional web application inspired by the project of Next JS developers.

Start with learning the Typescript language and progress into building your own e-commerce application.

This resource is the only thing you need to start Web Development with Next.js. During this course, you will get the confidence and skills required to start your own projects. In addition, you will get the right mindset to apply for a developer career and improve in modern frameworks like Next.js and React.js.

What are you going to work on?

You will build an e-commerce application from scratch. You will learn how to write code in Typescript language, a superset of Javascript providing additional features, and a static type checker.

The course starts with an explanation and practical examples of the Typescript language. The typescript section is optional but it explains a lot of types of structures that will be used throughout the course.

After typescript lectures, you will start building your e-commerce app. You will learn how to structure the application in a modular and clean way. 

You will build your own React components from the scratch. As the styling framework, the course is utilizing PostCSS and Tailwind CSS which is a great choice for every project.

Later in the course, you will learn the latest patterns on how to use hook functions efficiently. Entire checkout functionality is built on top of the hook functions. Hooks are reactive, modular, and easy to get tested.

At the end of the course, we will hook up the application with Shopify, and we will deploy it to the Vercel platform so anyone on the internet can access it.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Eincode by Filip Jerga

At Eincode, our mission is to deliver the best online learning experience for our audience.

We specialize in creating high-quality content, with programming concepts brought to life through real-world projects. Whether you're exploring web development or mobile app creation, Eincode is your trusted resource for comprehensive and practical programming guides.

If you're seeking complete, in-depth courses to enhance your skills, Eincode has you covered.

Our instructor, Filip Jerga, is dedicated to sharing his expertise and regularly publishes courses designed to help you achieve your coding goals.

icon
More courses by Eincode by Filip Jerga

$84.99

$89.99

$54.99

$69.99

$84.99

$59.99

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$99.99

$129.99

icon
Reviews

4.2

313 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Young Hong on 4/25/2024

So far doesnt seem like the instructor has a prepared lecture for teaching. Seems like hes just going with what comes to his mind at the moment. The captions are absolutely horrible. Not that its instructors fault, his accent is challenging to understand. Correct captions would help with the course.

By John John on 2/3/2023

It would greatly benefit the course if the instructor put more effort into delivering the content in a clear and concise manner. Using clear explanations, visual aids, and breaking down complex concepts into smaller, more manageable pieces could greatly enhance the student's learning experience and understanding. Improving the explanation will make the course more accessible and useful for a wider range of students.

By Studioalva on 12/29/2022

good course, namun kurang test di setiap slide nya, misal jika mempelajari optional parametes harusnya ada beberapa (1 s/d 3) pertanyaan yang jawabannya harus tepat, baru user bisa next ke slide berikutnya, jika user masih salah dalam menjawab harus diulang, dan ditanya terus sampai ia menemukan jawaban yang sesuai.

By Kranti Nebhwani on 9/26/2022

Don't listen to other reviews complaining about the english of the tutor or that there are no explanations. This course is going amazing so far and the teacher uses decent english and explains concepts as we code and also reviews them and repeats difficult areas. He has an accent but this does not equate to not using good english, and its totally understandable even to me who's english was not the first language. We make a great app and dive deep into nextjs, typescript usage, graphql, shopify integeration and just general app architecture and more. Great course.

By Jorge Ortiz on 7/28/2022

The instructor is very knowledgeable and I like his teaching style! So far no complaints in regard to course material and from what I’ve seen in the Q&A he is very helpful and committed to helping students with problems with their code. One major problem I’m currently facing is that he sometimes talks a little to fast for me, even slowing down to 0.75x playback still doesn’t help at times and anything slower is not viable. I found that headphones help although it’s not ideal since I personally don’t like using them for a long period of time. So yes, there’s still potential for the instructor’s delivery to improve. I still recommend the course especially if you’re new to typescript and want to learn Next JS with a big practical project.

By Chelsea on 1/31/2022

This is such a great course! This is the second course that I have taken by Filip Jerga and both have been awesome. Very detailed instructions and at the end you will integrate and deploy a production ready project! I would highly recommend this course.

By Bryan Brkic on 1/6/2022

Good course content-wise and in terms of the app architecture, just presentation of certain things could have been better. The explanations (especially for complex concepts later in the course) were sort of all over the place. I had to spend lots of time putting together diagrams of my own and making sense of a lot of things since the explanations were a bit disorganized. So I'd say overall the teaching could have been a bit more efficient, but the material itself was great and very helpful. I feel after taking the course and spending time making sense of the more complex topics, I can dive deeper into the Shopify storefront API and add more features to the app without issue.

By Sidharth Mohanty on 9/29/2021

It was a great course. Filip teaches us all the concepts from ground up. He takes his time explaining code, using debuggers, showing us "exactly what is happening behind the scenes". He is the most helpful teacher I've met on Udemy. He even takes his time explaining CSS. I loved the clean code approach that's taken in this course and will try to follow it in my upcoming projects. Thank you so much Filip! Cheers!

By Bilal Khan on 9/11/2021

I have done half of the course .Let me say this, I have spent many hours on other courses and youtube to understand typescript and found it really challenging and almost lost all hope until I stumbled on this course. I must say I am so happy to purchase this course. The instructor has done an amazing job in demystifying typescript and shopify api. I am so happy and thankful to Filip. You are a genius. :)

By Academy Course on 9/8/2021

This course became very difficult for me in the last sections. Maybe because I am a student, my experience and knowledge are not strong enough to fully understand this course. Overall this is a good course, the author has explained very carefully in the teaching process. In the future, I will revision course to better understand it.

Showing all 10 reviews on CourseDuck

Read all 313 reviews on Udemy