Node.js and CSS Quiz

A variable, in SCSS, defined with a dollar sign ($) followed by the name of the variable and a colon (:). The value of the variable is set after the colon.

A CSS file used to store general, non-module-specific CSS styles, applying globally to the website.

SCSS files are more powerful than CSS files because they offer advanced features like variables, mixins, and nested rules.

A component representing a person's profile on a resume-related website, typically holding information about their skills, experience, etc.

A Storyblok component, a building block used for managing content within the Storyblok platform. It allows for customization and flexible content structure.

A server-side JavaScript framework that allows you to use JavaScript for creating server-side programs like command-line tools and server scripts.

A package manager that can install, update, and manage software packages on a computer.

A tool that manages different versions of Node.js and NPM on your computer. It allows you to switch between versions easily.

A process of enabling secure communication between your local development computer and the Storyblok Content Management System (CMS).

A program that lets you interact with your computer's operating system using text commands.

A command used to check the currently installed version of Node.js.

A command used to install a specific version of Node.js using NVM.

Command used to list all installed versions of Node.js using NVM.

A command used to install a package or dependency locally within a project's directory. It will create a 'node_modules' folder and install all necessary dependencies specified in the 'package.json' file.

A configuration file used to store environment-specific variables, such as API keys, database credentials, and other sensitive information. It is typically used to separate these variables from the main codebase for security and flexibility.

An API key is a unique identifier that gives access to a service or platform. It is used for authentication and authorization to access resources like data or functionality.

A secret code used to authenticate a user or a system to access a specific resource or feature, typically used to protect access to sensitive information.

A URL endpoint used for entering preview mode in Storyblok. The endpoint usually includes a secret parameter for authentication.

A URL endpoint used to exit preview mode and return to the normal view in Storyblok. It usually includes a 'slug' parameter for navigation.

The default location for the project's web server. Storyblok uses this to display content from your local development server within its Real Time visual editor frame.

The environment used for debugging and development. It allows you to test and alter code without affecting the production environment.

A development environment where code is initially developed and tested before being pushed to the production environment.

Tools used to test code within the local development environment.

An online repository where code is stored and managed, allowing for collaboration and version control.

The stage where the code is deployed and made accessible to users on the web.

A service that automatically deploys code to a production environment, triggered by changes in the repository.

A stage in development where code is tested with other software it needs to function.

A stage where designated testers or end-users evaluate code before the full release.

A simple overview of the development process, consisting of local development, testing, pushing to a repository, deploying to a production environment, and finally users accessing the deployed application.

A command used in the terminal to build your website, replicating how Vercel will build it for production deployments.

Environment variables in your project, set on Vercel, influence how your website behaves. For example, they can store API keys or database credentials. Example variables include your email and Github URLs.

Vercel has a unique URL for each project called a "deploy hook". External software can trigger a new deployment by calling this URL. StoryBlok uses webhooks, which are triggered by events like content saving, to call this deploy hook, resulting in a new Vercel deployment.

When changes are made to your website's content, a new deployment is necessary to reflect the changes. This process involves triggering a build using webhooks which then call the unique deploy hook associated with your Vercel project, ultimately resulting in an updated site.

When you change code in your website (e.g., SCSS styles), Vercel will recognize the change during the deployment process and rebuild the website to incorporate the new code.

This refers to deploying your website to Vercel, which then makes your website accessible to the public through its publicly accessible URL. Deploying includes setting environment variables and allows you to deploy new builds and content changes.

A place where you can see history and information about deployments of your website to Vercel.

The process of rebuilding your site is triggered when either content or code changes are detected, ensuring the latest updates are reflected in your online website.

A feature in Vercel that allows you to trigger a deployment automatically when a specific event happens. This event can be a pull request, a new commit, or even a webhook from another service.

A powerful method for generating static pages on the server. It first fetches all possible URL paths and then retrieves data specific to each path.

A special file in Next.js that defines the layout and structure of the website, including the header, footer, and other global components. It acts as a container for all other pages.

This special file in a Next.js project allows you to create pages dynamically by connecting them to Storyblok's visual editor and initializing the pages with data.

A method of creating Web pages that are completely generated on the server and then served to the user as static files. This results in fast loading times and improved SEO.

The core of your application's user interface. It holds all user-facing content and interacts with its underlying data sources. In this case, it's specifically referring to the Storyblok component that displays data and visual elements.

A type of component in Next.js and Storyblok that focuses on specific types of data, such as information about a person or an experience. It's designed to be reused throughout your website.

A content management system (CMS) that allows you to edit and manage website content without needing to know code.