This media is not supported in your browser
VIEW IN TELEGRAM
8. Finding a Mentor
Jerome spends a few minutes sharing recommendations when searching for a mentor. A mentor can help provide career guidance and advice. It's helpful if a mentor has about two years more experience than you so they represent the next stage of your career.
#lesson
Jerome spends a few minutes sharing recommendations when searching for a mentor. A mentor can help provide career guidance and advice. It's helpful if a mentor has about two years more experience than you so they represent the next stage of your career.
#lesson
Media is too big
VIEW IN TELEGRAM
9. GitHub Bio
Jerome walks through the options in a GitHub bio. Developers should use a professional image and a GitHub username that's easy for potential employers to recognize, like a first and last name.
#lesson
Jerome walks through the options in a GitHub bio. Developers should use a professional image and a GitHub username that's easy for potential employers to recognize, like a first and last name.
#lesson
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
11. Curating GitHub Repos
Jerome discusses the importance of including pinned repositories to highlight key projects or demonstrate a work ethic. Pinned repositories give potential employers easy access to code examples, insight into the tech stacks you work with, and display your history working on the projects.
#lesson
Jerome discusses the importance of including pinned repositories to highlight key projects or demonstrate a work ethic. Pinned repositories give potential employers easy access to code examples, insight into the tech stacks you work with, and display your history working on the projects.
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
12. GitHub Repo READMEs
Jerome stresses the importance of README files in a repository. They should be clearly written and contain effective project descriptions, visual aids, and straightforward installation/usage instructions.
#lesson
Jerome stresses the importance of README files in a repository. They should be clearly written and contain effective project descriptions, visual aids, and straightforward installation/usage instructions.
#lesson
Media is too big
VIEW IN TELEGRAM
13. GitHub Pages
Jerome demonstrates how GitHub Pages can be used to make any repository a static website. Creating a repository with your username.github.io will automatically use GitHub pages. If you want to deploy a different repository, use the Pages option in the settings to deploy the content.
#lesson
Jerome demonstrates how GitHub Pages can be used to make any repository a static website. Creating a repository with your username.github.io will automatically use GitHub pages. If you want to deploy a different repository, use the Pages option in the settings to deploy the content.
#lesson
Media is too big
VIEW IN TELEGRAM
14. LinkedIn Profile & Bio
Jerome walks through a LinkedIn profile and highlights the features and customizations that help make candidates more visible to prospective employers. Several profile areas can be customized to add personalizations that showcase writing skills and other external resources. LinkedIn has an AI assistant built into several form fields to suggest ideas and alternate content.
#lesson
Jerome walks through a LinkedIn profile and highlights the features and customizations that help make candidates more visible to prospective employers. Several profile areas can be customized to add personalizations that showcase writing skills and other external resources. LinkedIn has an AI assistant built into several form fields to suggest ideas and alternate content.
#lesson
Media is too big
VIEW IN TELEGRAM
15. LinkedIn Activities & Experience
Jerome discusses the importance of including detailed descriptions in the experience section of your LinkedIn profile. Each position should highlight not only the skills used but also how you added value. Metrics or practical measurements of the value added can also be a key differentiator.
#lesson
Jerome discusses the importance of including detailed descriptions in the experience section of your LinkedIn profile. Each position should highlight not only the skills used but also how you added value. Metrics or practical measurements of the value added can also be a key differentiator.
#lesson
Media is too big
VIEW IN TELEGRAM
16. LinkedIn Projects, Recommendations, & AI
Jerome wraps up LinkedIn profile strategies by demonstrating how projects and recommendations can add additional value to a profile. Procuring recommendations from colleagues or other connections in the industry can help build a story about your passions and the value you can add to a company.
#lesson
Jerome wraps up LinkedIn profile strategies by demonstrating how projects and recommendations can add additional value to a profile. Procuring recommendations from colleagues or other connections in the industry can help build a story about your passions and the value you can add to a company.
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
17. Networking for Junior Devs
Jerome recommends junior developers network by asking for feedback on projects, iterating based on that feedback, and keeping anyone who's provided feedback up-to-date on the work. This creates a productive feedback loop and demonstrates to mentors and other industry connections the value of their input.
#lesson
Jerome recommends junior developers network by asking for feedback on projects, iterating based on that feedback, and keeping anyone who's provided feedback up-to-date on the work. This creates a productive feedback loop and demonstrates to mentors and other industry connections the value of their input.
#lesson
Media is too big
VIEW IN TELEGRAM
18. Networking for Mid & Senior Devs
Jerome shares networking advice with developers who have more experience. Leveraging existing connections and transitioning to a more product-based networking approach creates higher-quality relationships in the industry.
#lesson
Jerome shares networking advice with developers who have more experience. Leveraging existing connections and transitioning to a more product-based networking approach creates higher-quality relationships in the industry.
#lesson
Media is too big
VIEW IN TELEGRAM
19. Keys to Effective Networking
Jerome stresses that effective networking means you are consistently adding value. He also summarizes other key networking aspects, including junior developers creating a continuous product feedback loop and mid/senior developers leveraging existing connections.
#lesson
Jerome stresses that effective networking means you are consistently adding value. He also summarizes other key networking aspects, including junior developers creating a continuous product feedback loop and mid/senior developers leveraging existing connections.
#lesson
Media is too big
VIEW IN TELEGRAM
20. How to Prepare for Interviews
Jerome describes how to prepare for technical interviews. A foundation in computer science fundamentals, data structures, and algorithms helps prepare you for coding challenges. Employers also want developers who can clearly communicate their thought processes. Developing a study plan will help establish a learning regime.
#lesson
Jerome describes how to prepare for technical interviews. A foundation in computer science fundamentals, data structures, and algorithms helps prepare you for coding challenges. Employers also want developers who can clearly communicate their thought processes. Developing a study plan will help establish a learning regime.
#lesson
Media is too big
VIEW IN TELEGRAM
21. Mock Interviews
Jerome recommends using mock interviews as a way to practice real-world interview scenarios. An advantage of mock interviews is getting feedback from the interviewer. That feedback will help improve your skills and increase your consistency.
#lesson
Jerome recommends using mock interviews as a way to practice real-world interview scenarios. An advantage of mock interviews is getting feedback from the interviewer. That feedback will help improve your skills and increase your consistency.
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
22. Wrapping Up
Jerome wraps up the course by sharing a few additional resources and giving some final advice for better preparing yourself for the job search.
#lesson
Jerome wraps up the course by sharing a few additional resources and giving some final advice for better preparing yourself for the job search.
#lesson
Title: Headless CMSs with Next.js
Description: Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.
Link: https://frontendmasters.com/courses/headless-cms-nextjs/
Time: 3 hours, 30 minutes
Lessons: 20 / 20
Tags: #course #frontendmasters #720p
Description: Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.
Link: https://frontendmasters.com/courses/headless-cms-nextjs/
Time: 3 hours, 30 minutes
Lessons: 20 / 20
Tags: #course #frontendmasters #720p
Frontendmasters
Headless CMS Integration with Next.js | Dynamic Content, GraphQL & Contentful
Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.
👍1
Media is too big
VIEW IN TELEGRAM
1. Introduction
Scott Moss introduces himself and provides background information on his experience with Headless CMSs. He explains that the best way to use a Headless CMS is to integrate it into an existing website, and demonstrates this by showing a fully built Next.js website that he will be making dynamic using a Headless CMS.
- https://github.com/Hendrixer/headless-nextjs
#lesson
Scott Moss introduces himself and provides background information on his experience with Headless CMSs. He explains that the best way to use a Headless CMS is to integrate it into an existing website, and demonstrates this by showing a fully built Next.js website that he will be making dynamic using a Headless CMS.
- https://github.com/Hendrixer/headless-nextjs
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
2. Course Setup
Scott shows a preview of the website that will be used throughout the course and explains the approach he will take in building and integrating the CMS. He also provides instructions for setting up the project and gives an overview of the website's structure and content.
- https://github.com/Hendrixer/headless-nextjs
#lesson
Scott shows a preview of the website that will be used throughout the course and explains the approach he will take in building and integrating the CMS. He also provides instructions for setting up the project and gives an overview of the website's structure and content.
- https://github.com/Hendrixer/headless-nextjs
#lesson
Media is too big
VIEW IN TELEGRAM
3. Headless CMS & Industry Overview
Scott provides an overview of headless CMS (Content Management System) and discusses its history and evolution, the different types (open source and closed source), and some popular examples such as Sanity IO, Contentful, and Strapi.
#lesson
Scott provides an overview of headless CMS (Content Management System) and discusses its history and evolution, the different types (open source and closed source), and some popular examples such as Sanity IO, Contentful, and Strapi.
#lesson
This media is not supported in your browser
VIEW IN TELEGRAM
4. Setup Contentful
Scott guides students on how to obtain the necessary .env values from Contentful and provides an example file for reference. The instructor also discusses the challenges of data modeling for a headless CMS and emphasizes the importance of considering the content team's needs when designing the data model.
#lesson
Scott guides students on how to obtain the necessary .env values from Contentful and provides an example file for reference. The instructor also discusses the challenges of data modeling for a headless CMS and emphasizes the importance of considering the content team's needs when designing the data model.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Contentful API Setup
Scott identifies the elements on the website that need to be dynamic, such as the hero section with its title, description, and links. He explains the importance of deciding which elements should be editable by non-technical team members and which should be fixed. He also demonstrates how to remove the content layer integration and create a GraphQL content fetcher to retrieve the dynamic content from the CMS.
#lesson
Scott identifies the elements on the website that need to be dynamic, such as the hero section with its title, description, and links. He explains the importance of deciding which elements should be editable by non-technical team members and which should be fixed. He also demonstrates how to remove the content layer integration and create a GraphQL content fetcher to retrieve the dynamic content from the CMS.
#lesson