September 2022 Summaries

TypeScript has become a dominant tool for web developers, reflecting its popularity as evidenced by its top ranking in the State of JavaScript 2021 survey, and is increasingly being integrated into frameworks like Next.js. This article explores the process of setting up or migrating Next.js projects to TypeScript, highlighting the benefits of using TypeScript, such as enhanced code introspection, autocompletion, and type safety, which can improve code quality and reduce errors. The article also discusses the use of TypeScript-specific features in Next.js, such as GetStaticProps and GetStaticPaths, and addresses common challenges developers face when integrating TypeScript with Next.js, like type checking and the use of various libraries. Furthermore, it examines the implications of the growing trend towards TypeScript-first development environments and the potential future of JavaScript frameworks, noting that this shift may influence job markets and developer preferences. The article encourages developers to explore modern tools and techniques through resources like community starters, create-t3-app, and tutorials, to enrich their web development skills and keep pace with the evolving landscape.

Three.js is a versatile framework that can be both professionally utilized and enjoyed as a hobby, though its initial setup can be complex. This tutorial from the Optimized Dev provides a simplified setup to facilitate engaging with Three.js, guiding users to create a tower of blocks with physics, which will be destructed by a falling ball. The tutorial employs Oimo.js for physics management and Three.js for rendering, demonstrating how to create a Three.js mesh and synchronize it with the Oimo.js body. It encourages users to explore and experiment with 3D concepts, offering a cohesive project structure through a class called Sketch, and uses a Vite setup for streamlined development. Various aspects such as constructing blocks in a tower shape, configuring their physical properties, and rendering them in a 3D scene are covered, with opportunities for customization and creative experimentation outlined throughout, including altering shapes, materials, and physics to achieve different effects.

WordPress, a traditional monolithic CMS created by Automattic in 2005, continues to dominate the web development space, powering 43.5% of websites globally. Despite its popularity, the emergence of new CMS alternatives prompts users to consider whether these options might better suit their needs. Several categories of CMSs are explored, including monolithic CMSs like Joomla and Drupal, which offer extensive customization and control; low-code or no-code solutions like HubSpot Content Hub, Webflow, and Wix, which simplify the website-building process; headless CMSs such as Prismic, Sanity, and Hygraph, which separate content management from website architecture for greater flexibility; and e-commerce CMSs like Adobe Commerce, Shopify, BigCommerce, and Squarespace, designed specifically for online retail. Each type of CMS offers unique features and pricing models, catering to different user needs, from bloggers to enterprises seeking robust e-commerce solutions. The article provides insights into these alternatives, helping users make informed decisions about the most suitable platform for their web development goals.