Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
The Freelance Stack: Real project with NextJS and Strapi
The Freelance Stack: Real project with NextJS and Strapi

The Freelance Stack: Real project with NextJS and Strapi: Empowering Freelancers: Real-World Projects with NextJS & Strapi Mastery

Arrow left icon
Profile Icon Niklas Fischer
Arrow right icon
Can$139.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (1 Ratings)
Video Mar 2024 12hrs 22mins 1st Edition
Video
Can$139.99
Subscription
Free Trial
Arrow left icon
Profile Icon Niklas Fischer
Arrow right icon
Can$139.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (1 Ratings)
Video Mar 2024 12hrs 22mins 1st Edition
Video
Can$139.99
Subscription
Free Trial
Video
Can$139.99
Subscription
Free Trial

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Key benefits

  • Comprehensive understanding of NextJS and Strapi for flexible design and seamless developer experience.
  • Client-centric development approach with headless CMS.
  • Seamless design-to-deployment workflow, transforming Figma designs into live sites.

Description

Dive into the freelancing world with this course that bridges the theoretical and practical aspects of web development. This course is designed for aspiring freelancers and seasoned developers looking to expand their skill set with hands-on, project-based learning. You will embark on a journey to build a fully functional website for a surfcamp, complete with an integrated, customizable blog and sign-up forms, using NextJS and Strapi. This course stands out by focusing on real-world projects, avoiding generic examples and diving deep into the synergy of NextJS and Strapi for a flexible design and seamless developer experience. Learn how to deliver websites to clients who lack coding skills, allowing them to update content directly, rivaling the convenience of platforms like WordPress, Squarespace, and Wix with the power of a Headless CMS. From design to deployment, you will transform Figma designs into live sites, mastering the art of a seamless design-to-development workflow. With over 12 hours of content, the curriculum introduces new concepts at a comfortable pace, ensuring a comprehensive understanding of each element.

Who is this book for?

Ideal for individuals with basic JavaScript skills and foundational React knowledge, this course caters to aspiring freelancers and developers eager to create easily manageable websites for non-coders.

What you will learn

  • Build real-world projects with NextJS and Strapi, catering to clients without coding skills.
  • Create beautiful styling with simple CSS, without relying on additional frameworks.
  • Integrate complex data structures from the Strapi API with any frontend.
  • Combine the convenience of website builders with the flexibility of coding from scratch.
  • Understand the logic behind server and client-side components.
  • Transform Figma designs into fully functional websites.

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Last updated date : Mar 08, 2024
Publication date : Mar 08, 2024
Length: 12hrs 22mins
Edition : 1st
Language : English
ISBN-13 : 9781835465462
Languages :
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Last updated date : Mar 08, 2024
Publication date : Mar 08, 2024
Length: 12hrs 22mins
Edition : 1st
Language : English
ISBN-13 : 9781835465462
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just Can$6 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just Can$6 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total Can$ 342.97
Put Generative AI to Work
Can$164.99
Hands-on ESP32 with Arduino IDE
Can$37.99
The Freelance Stack: Real project with NextJS and Strapi
Can$139.99
Total Can$ 342.97 Stars icon

Table of Contents

11 Chapters
Introduction Chevron down icon Chevron up icon
NextJS Crash Course Chevron down icon Chevron up icon
Developer Intro To Figma Chevron down icon Chevron up icon
Initial Project Setup NextJS, Strapi, and Sass Chevron down icon Chevron up icon
Landing Page & Experience Page with Layout Components Chevron down icon Chevron up icon
Connecting our Frontend to Strapi Chevron down icon Chevron up icon
Main Page of the Blog Chevron down icon Chevron up icon
Implement Blog on Frontend through Strapi and NextJS Chevron down icon Chevron up icon
Create Fully Customisable Blog Article Chevron down icon Chevron up icon
Events Section - Create Signup Functionality for Offered Surfcamps & Events Chevron down icon Chevron up icon
Deployment to Heroku Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Full star icon 5
(1 Ratings)
5 star 100%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
lisa Apr 08, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I like the course very much. It explains exactly the concepts needed to understand, and it's easy to follow and learn. However, I can't find any assets folder. Maybe I missed something.
Subscriber review Packt
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.