Certificate in Next.js

Course details

Why should one take  Certification?
is a framework for building server-side rendered React websites as well as static ; This is a project-based course for learning , the course begins by exploring fundamentals, including pages, routing, data fetching, custom API routes, static generation, CSS styling, and image optimization.

Earning Vskills Professional Certification can help candidate differentiate in today's competitive job market, broaden their employment opportunities by displaying their advanced skills, and result in higher earning potential.

Who will benefit from taking  Certification?
The certification course is designed for web developers and aspiring professionals seeking to enhance their skills. Whether you're a beginner or an experienced developer, this course provides valuable insights into building server-rendered and static websites. It's ideal for those who want to master , create dynamic applications, and excel in web development.

Don't miss out on the opportunity to advance your career with this comprehensive certification course.
 
Benefits of Certification

• Government certification
• Certification valid for life
• Lifelong e-learning access
• Learning Hours: 15+ hrs

 
How It Works

1. Select Certification & Register
2. Receive Online e-Learning Access (LMS)
3. Take exam online anywhere, anytime
4. Get certified & Increase Employability

Test Details

• Duration: 60 minutes
• No. of questions: 50
• Maximum marks: 50, Passing marks: 25 (50%).
• There is NO negative marking in this module.
• Online exam.

 
TABLE OF CONTENT

Introduction to the Course

• What is
• Main Project Overview
• Environment and Tools

Fundamentals

• Creating a App
• Pages and Routing
• Next Link and Router
• Head Tags and Layout
• S Header and Footer
• Custom 404 Page
• Module Aliases with jsconfig
• Showcase Component

Data Fetching

• API Routes
• getServerSideProps and getStaticProps
• Displaying Events
• getStaticPaths
• Single Event Page

Strapi Backend

• Strapi CMS Setup
• Cloudinary for Images
• Event Content Type

Events Functionality - Part 1

• Connecting to the Strapi API
• Search Page Using Filters
• Search Component
• Add Event Page
• Event Submit and React Toastify
• Create a Slug

Events Functionality - Part 2

• Delete Events
• Edit Event and Image Preview
• Modal Component
• Image Upload
• Events Pagination

Authentication, JWT, and HttpOnly Cookies

• Register and Login Forms
• Auth Context
• Our JWT Strategy Explained
• Login and Get JWT
• Store JWT in Server HttpOnly Cookie
• Persist Logged In User
• Logout and Destroy Cookie
• Register User

Authorization and Access

• Custom User Events Endpoint
• Getting User Events for Dashboard
• Display Dashboard Events
• Create Is Owner Policy for Events
• Associating Events with Users
• Authenticated Edit, Delete and Image Upload

Extras and Deployment

• Add Map to Event Pages
• Strapi Backend Deploy - Heroku
• Deploy - Vercel

Project 2 DevSpace Static Markdown Blog

• Project Introduction
• Markdown - What and Why?
• Markdown Crash Course
• and Tailwind CSS Setup
• Layout Component
• Header and Tailwind Styling
• About and 404 Page

Fetch, Parse, and Display Markdown Posts

• Blog Post Markdown Files
• Get Posts and Parse Frontmatter
• Display Posts
• Sort Posts By Date
• Category Label Component
• Generate Static Paths and Single Post Data
• Display Single Blog Post

Pagination and Category Pages

• Start Pagination - Generate Paths
• Fetch Paginated Posts
• Pagination Links Component
• Category Pages
• Clean Up Get Posts
• Category Sidebar
• Next Export and Limitations

Search, Caching Posts, and Deployment

• How Search will Work
• Search Component
• Search API Route
• Search Results Components
• First Deployment
• Cache Posts
• Pre-Commit Hook with Husky
• Wrap Up

Updated on 05 January, 2024