Home

>

Tools

>

Payload CMS

>

Releases

>

3.0.0-beta.70

Payload CMS Release: 3.0.0-beta.70

Pre Release

Tag Name: v3.0.0-beta.70

Release Date: 7/26/2024

Payload CMS LogoPayload CMS

Payload CMS is a modern, self-hosted headless content management system built with TypeScript, Node.js, and MongoDB. It's designed specifically for developers who want full control over their content management system while maintaining a powerful admin interface for content editors.

TL;DR

PayloadCMS v3.0.0-beta.70 brings responsive design capabilities to the website template with new live preview breakpoints for mobile, tablet, and desktop. It adds TypeScript support for Next.js configuration files and fixes a critical import issue in the PostgreSQL adapter. This release enhances developer experience with better responsive design tools and TypeScript integration.

Highlight of the Release

    • Added responsive design breakpoints to website template live preview for mobile, tablet, and desktop views
    • Added support for TypeScript Next.js configuration files (next.config.ts)
    • Fixed PostgreSQL adapter issue with drizzle createTableName function import

Migration Guide

No migration steps are required for this release. The changes are non-breaking and should work seamlessly when upgrading from v3.0.0-beta.69.

Upgrade Recommendations

This release is recommended for all users, especially those:

  • Using the website template who would benefit from responsive design previews
  • Working with Next.js and TypeScript who want configuration file type safety
  • Using the PostgreSQL adapter who may have encountered issues with the createTableName function

As this is a beta release, it's still recommended to test thoroughly in a non-production environment before deploying to production.

Bug Fixes

PostgreSQL Adapter Fix

Fixed an issue in the PostgreSQL database adapter where the createTableName function from the Drizzle package was being incorrectly imported using a relative path. The fix properly imports this function from the package, ensuring correct functionality when using PostgreSQL with PayloadCMS.

This resolves issue #7373 which was causing problems for users working with the PostgreSQL adapter.

New Features

Live Preview Responsive Breakpoints

The website template now includes dedicated breakpoints for mobile, tablet, and desktop views in the live preview functionality. This allows developers and content editors to see how their content will appear across different device sizes without leaving the admin interface.

TypeScript Support for Next.js Configuration

PayloadCMS now supports next.config.ts configuration files, allowing developers to use TypeScript for their Next.js configuration. This provides better type safety and developer experience when working with Next.js projects.

The implementation required some technical workarounds related to SWC (Speedy Web Compiler) to ensure proper functionality within unit tests, addressing an open issue in the SWC project.

Security Updates

No security fixes were included in this release.

Performance Improvements

No specific performance improvements were mentioned in this release.

Impact Summary

This release enhances the developer and content editor experience with new responsive design tools in the website template and better TypeScript integration for Next.js projects. The PostgreSQL adapter fix resolves an important issue for users working with that database option.

The responsive breakpoints feature is particularly valuable for teams building responsive websites, as it allows immediate visualization of how content will appear across different device sizes without requiring external tools or browser resizing.

The TypeScript support for Next.js configuration continues PayloadCMS's commitment to strong TypeScript integration throughout the ecosystem, providing better developer experience and type safety.

While these changes are relatively small in scope, they address specific user needs and pain points, particularly for teams building responsive websites or working in TypeScript-heavy environments.

Full Release Notes

v3.0.0-beta.70 (2024-07-26)

Features

  • templates: add live preview breakpoints for mobile, tablet and desktop to website template (#7384) (4704c8d)
  • cpa: support next.config.ts (#7367) (a64f37e)

Bug Fixes

  • db-postgres: properly reference drizzle createTableName function (#7383) (55c6ce9)

Contributors

Statistics:

File Changed40
Line Additions348
Line Deletions159
Line Changes507
Total Commits4

User Affected:

  • Can now test responsive designs directly in the live preview with dedicated mobile, tablet, and desktop breakpoints
  • Benefit from TypeScript support in Next.js configuration files for better type safety and developer experience

Contributors:

denolfepaulpopus