WordPress VS eleventy 🕚⚡️

To get started working, first of all, you need to install Wordpress Zip from Wordpress.org and place it in the htdocs if you are using XAMPP or www if you are using WAMP or MAMP, this way if you want to test WordPress locally but if you want to go online directly, often you're going to use a hosting, for instance, Namecheap or Goddady, the majority of them use Softaculous it's a commercial script library that automates the installation of commercial and open source web applications in your website hosting.

/** * The base configuration for WordPress * * The wp-config.php creation script uses this file during the installation. * You don't have to use the website, you can copy this file to "wp-config.php" * and fill in the values. * * This file contains the following configurations: * * * Database settings * * Secret keys * * Database table prefix * * ABSPATH * * This has been slightly modified (to read environment variables) for use in Docker. * * @link https://developer.wordpress.org/advanced-administration/wordpress/wp-config/ * * @package WordPress */ // IMPORTANT: this file needs to stay in-sync with https://github.com/WordPress/WordPress/blob/master/wp-config-sample.php // (it gets parsed by the upstream wizard in https://github.com/WordPress/WordPress/blob/f27cb65e1ef25d11b535695a660e7282b98eb742/wp-admin/setup-config.php#L356-L392) // a helper function to lookup "env_FILE", "env", then fallback if (!function_exists('getenv_docker')) { // https://github.com/docker-library/wordpress/issues/588 (WP-CLI will load this file 2x) function getenv_docker($env, $default) { if ($fileEnv = getenv($env . '_FILE')) { return rtrim(file_get_contents($fileEnv), "\r\n"); } else if (($val = getenv($env)) !== false) { return $val; } else { return $default; } } } // ** Database settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define( 'DB_NAME', getenv_docker('WORDPRESS_DB_NAME', 'wordpress') ); /** Database username */ define( 'DB_USER', getenv_docker('WORDPRESS_DB_USER', 'example username') ); /** Database password */ define( 'DB_PASSWORD', getenv_docker('WORDPRESS_DB_PASSWORD', 'example password') ); /** * Docker image fallback values above are sourced from the official WordPress installation wizard: * https://github.com/WordPress/WordPress/blob/1356f6537220ffdc32b9dad2a6cdbe2d010b7a88/wp-admin/setup-config.php#L224-L238 * (However, using "example username" and "example password" in your database is strongly discouraged. Please use strong, random credentials!) */ /** Database hostname */ define( 'DB_HOST', getenv_docker('WORDPRESS_DB_HOST', 'mysql') ); /** Database charset to use in creating database tables. */ define( 'DB_CHARSET', getenv_docker('WORDPRESS_DB_CHARSET', 'utf8') ); /** The database collate type. Don't change this if in doubt. */ define( 'DB_COLLATE', getenv_docker('WORDPRESS_DB_COLLATE', '') ); /**#@+ * Authentication unique keys and salts. * * Change these to different unique phrases! You can generate these using * the {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service}. * * You can change these at any point in time to invalidate all existing cookies. * This will force all users to have to log in again. * * @since 2.6.0 */ define( 'AUTH_KEY', getenv_docker('WORDPRESS_AUTH_KEY', 'a04e06eaef05d9dc187680cdccb8aae37d90bfcd') ); define( 'SECURE_AUTH_KEY', getenv_docker('WORDPRESS_SECURE_AUTH_KEY', 'f1d35321ba3ff820430674efc877f53b64bdb50e') ); define( 'LOGGED_IN_KEY', getenv_docker('WORDPRESS_LOGGED_IN_KEY', '5d880df893cba59fed67def1acac2c61e46c4671') ); define( 'NONCE_KEY', getenv_docker('WORDPRESS_NONCE_KEY', '2fe4fdf4ff93153db924369eb7bbd823f446577c') ); define( 'AUTH_SALT', getenv_docker('WORDPRESS_AUTH_SALT', '326143348bb31e5451cf0e838048043ea39e5351') ); define( 'SECURE_AUTH_SALT', getenv_docker('WORDPRESS_SECURE_AUTH_SALT', '33aa7ae0aa39497d0d13e84413061e0168eadea3') ); define( 'LOGGED_IN_SALT', getenv_docker('WORDPRESS_LOGGED_IN_SALT', 'f032c820677ec84f4ef05a6d2e4c2547be1e7b1b') ); define( 'NONCE_SALT', getenv_docker('WORDPRESS_NONCE_SALT', '506e5adc0340e19f13b1018ecb7b7776e92b0a73') ); // (See also https://wordpress.stackexchange.com/a/152905/199287) /**#@-*/ /** * WordPress database table prefix. * * You can have multiple installations in one database if you give each * a unique prefix. Only numbers, letters, and underscores please! */ $table_prefix = getenv_docker('WORDPRESS_TABLE_PREFIX', 'wp_'); /** * For developers: WordPress debugging mode. * * Change this to true to enable the display of notices during development. * It is strongly recommended that plugin and theme developers use WP_DEBUG * in their development environments. * * For information on other constants that can be used for debugging, * visit the documentation. * * @link https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/ */ define( 'WP_DEBUG', !!getenv_docker('WORDPRESS_DEBUG', '') ); /* Add any custom values between this line and the "stop editing" line. */ // If we're behind a proxy server and using HTTPS, we need to alert WordPress of that fact // see also https://wordpress.org/support/article/administration-over-ssl/#using-a-reverse-proxy if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false) { $_SERVER['HTTPS'] = 'on'; } // (we include this by default because reverse proxying is extremely common in container environments) if ($configExtra = getenv_docker('WORDPRESS_CONFIG_EXTRA', '')) { eval($configExtra); } /* That's all, stop editing! Happy publishing. */ /** Absolute path to the WordPress directory. */ if ( ! defined( 'ABSPATH' ) ) { define( 'ABSPATH', __DIR__ . '/' ); } /** Sets up WordPress vars and included files. */ require_once ABSPATH . 'wp-settings.php'; $_SERVER['HTTPS'] = 'on';

Blogging engine alternative

Create a WordPress.org Account: If you don’t already have one, create an account on WordPress.org.

GitHub: WordPress GitHub Repository

WordPress

What I noticed with Next.js is not something new, this has happened before with any popular language/framework/CMS. WordPress being one of the most popular. In the past I worked on a lot of WordPress websites, as the community around WordPress grow, certain WordPress themes and plugins become a default option for a lot of people, like Avada, Betheme and The7 with millions of sales in downloads. You install the theme, select one from many template dummy options, and in a couple of minutes you'll have a beautiful WordPress website...that looks like all the rest. Now I can identify a WordPress website as soon as the page is loaded, when that happens finally.

Creating a high-performance website is essential in today’s digital age. Speed, efficiency, and a seamless user experience are the cornerstones of successful web development. This article explores how combining Next.js with WordPress can achieve these goals, providing a robust solution for developers looking to elevate their web projects.

WordPress as the backend headless CMS, offering a versatile content management foundation.

Open source CMS WordPress and Drupal introduced WYSIWYG editors and template customization to empower independent publishing but page building was still largely code-driven.

I made a new branch of my website and followed the instructions in the v3.0.0-beta.1 release notes:

I write and create my posts using markdown, this is then converted to html with 11ty engine. The layout of the page are decided by the metadata in the front matter section, 11ty the uses the layouts I have created using Nunjucks. This way I can add metadata and control how the page is rendered, I can inject sections and links.

Eleventy. It’s a static site generator that’s super stable, they take backwards compatibility ver seriously so you can count on it for a long time. It’s lightweight so you don’t have to install a million dependencies to get it working, and it’s the only one of the big SSG projects that’s independently funded so they’re not chasing VC backed hyper growth.

https://www.11ty.dev/

Depends on your language of choice. Personally I use Eleventy[0]. Written in JavaScript (so you'll need node & npm). Has very minimal default settings but highly configurable. Pick your templates or just use markdown if you really want. Hot reloading is enabled by default.

[0]: https://www.11ty.dev

We will use Eleventy as a static site generator of choice and Netlify Drop for free hosting. Of course, this is not the only combination; feel free to use any tool and hosting you like. One of the cool things about Eleventy is that it supports multiple template languages. We’ll use Nunjucks for this tutorial. Don’t worry if you haven’t used it before. For this tutorial, basic HTML knowledge is enough!

Now that you're familiar with why Eleventy + Storyblok is my ideal combination and how to seamlessly query data from Storyblok for use in an Eleventy project, it's time for the next exciting step: let's embark on creating a complete blog site using these two phenomenal technologies!

This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.

I suggest you to try out eleventhy (https://www.11ty.dev/)

Quite simple to start, and a nice system to add some scripting and styles without the requirement of bringing in a framework.

A production flag enables you to run activities in dev or production such as minifying assets, showing draft posts, etc. There isn't a built-in flag or function that comes with eleventy (11ty) specifically for this. However we have this info at our fingertips.

I can't recommend Eleventy enough!

https://www.11ty.dev

I converted my WordPress blog to Eleventy 4 years ago and never looked back, it's been delightful!

https://www.joshcanhelp.com/taking-wordpress-to-eleventy/