Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Full Stack Development With Next.js: Social Media App

person icon Travis Luong

4.2

Full Stack Development With Next.js: Social Media App

Build and Deploy a Social Media App with NextJS, PostgreSQL, TailwindCSS, and Vercel

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Travis Luong

category icon Next JS,Full Stack Development,PostgreSQL,React

Lectures -133

Resources -1

Duration -10.5 hours

4.2

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

This course is compatible with NextJS 13 and 14. 


Drawing inspiration from Meta's recent unveiling of Threads, this comprehensive course is meticulously crafted to empower students with the skills and knowledge needed to construct their very own Twitter Clone. Immerse yourself in a dynamic learning journey designed to mirror the authentic design and development processes of the real world. Through this course, you'll master indispensable proficiencies essential for crafting modern web applications employing cutting-edge tools and technologies.


In the ever-evolving landscape of the tech industry, the demand for Full Stack Developers is at an all-time high. These technical polymaths excel in Front End Development, Back End Development, and DevOps, often spearheading entire feature sets and projects from inception to deployment. Their versatility renders them indispensable assets, equally sought after by startups and corporate giants alike.


Upon completing this transformative course, you will have successfully conceptualized, constructed, and deployed a fully functional web app to the cloud. Armed with this foundational expertise, you'll possess the competence to delve into more advanced domains of study, setting the stage for a highly lucrative and fulfilling career in the ever-expanding tech sector.


Delve into this immersive learning experience structured as a step-by-step tutorial series. Seamlessly follow along on your computer as you unlock the secrets of web development. Beyond the lines of code, each tutorial will unravel the underlying thought processes, providing you with not only the "how" but also the essential "why" behind every strategic decision.


This course is ideally suited for students possessing a foundational understanding of programming. However, even if you lack prior programming experience, your innate technical aptitude will be nurtured through our meticulously crafted tutorials, allowing you to seamlessly engage with the content and thrive in your learning journey.

Goals

What will you learn in this course:

  • How to use NextJS to build a simple social media app
  • How to create modular React components
  • How to work with TypeScript
  • How to work with PostgreSQL
  • How to work with pg, a low level database driver for NodeJS
  • How to secure the app with json web token authentication (JWT)
  • How to implement simple role based authorization logic
  • How to create, deploy, and secure cron jobs using Vercel Cron
  • How to run scripts locally and on production
  • How to deploy the app to Vercel
  • How to style the app with TailwindCSS
  • How to use SWR for data fetching and mutations
  • How to use Postman to test an API
  • How to use NextJS route groups to organize routes
  • How to use Git and GitHub for source control

Prerequisites

What are the prerequisites for this course?

  • No programming experience is needed, but some is recommended
  • Basic knowledge of HTML, CSS, JavaScript, Git, and SQL is recommended
  • Basic computer skills, familiarity with VSCode and Command Line
Full Stack Development With Next.js: Social Media App

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
5 Lectures
  • play icon Promo Video 01:59 01:59
  • play icon Introduction 05:53 05:53
  • play icon Install Tools and Technologies 02:30 02:30
  • play icon Discovery 01:30 01:30
  • play icon Resources
Design
4 Lectures
Tutorialspoint
Setup
6 Lectures
Tutorialspoint
Home Page
2 Lectures
Tutorialspoint
Database Development
10 Lectures
Tutorialspoint
Sign In Page
11 Lectures
Tutorialspoint
Sign Up Page
8 Lectures
Tutorialspoint
Authentication and Private Layout
17 Lectures
Tutorialspoint
Feed Page
10 Lectures
Tutorialspoint
Profile Page
13 Lectures
Tutorialspoint
Following Page and Followers Page
4 Lectures
Tutorialspoint
Account Page
4 Lectures
Tutorialspoint
User Page
11 Lectures
Tutorialspoint
Search Bar
8 Lectures
Tutorialspoint
Edit Post Page
8 Lectures
Tutorialspoint
Authorization and Cron Jobs
7 Lectures
Tutorialspoint
Extras
4 Lectures
Tutorialspoint
Conclusion
1 Lectures
Tutorialspoint

Instructor Details

Travis Luong

Travis Luong

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515