WEBVTT
00:00:00.281 --> 00:00:02.708
WP Now lets you spin up WordPress in a second.
00:00:02.708 --> 00:00:09.711
Wow, so you can start development environments really fast and don't worry about everything that you usually have to take care of.
00:00:09.711 --> 00:00:10.493
I want to see it.
00:00:10.493 --> 00:00:10.961
Ok.
00:00:10.961 --> 00:00:20.039
It's best if you have something that you want to work on, because WP Now is really smart Depending on in what folder you execute it, it will load a different environment.
00:00:20.100 --> 00:00:22.989
Here, you can see, it's like plug-in theme or WP content.
00:00:22.989 --> 00:00:28.753
So if you run WP Now in a plug-in, it will automatically mount the current directory as a plug-in in WordPress.
00:00:28.753 --> 00:00:31.850
If you run it in a theme, it will automatically mount this theme.
00:00:31.850 --> 00:00:37.031
Then WordPress, wordpress development, just PHP, or it will launch a playground.
00:00:37.031 --> 00:00:44.753
Yeah, and to show you what it can do, I just go to flintwpcom, our WordPress starter theme, flint, and I click on download.
00:00:44.960 --> 00:00:51.314
Then I go to the releases and here I have a zip file that actually includes all of the bundled assets.
00:00:51.314 --> 00:01:05.430
So I'm going to download this and I will open it in VS Code and in here I have to use a Node version, and then I globally install WP Now, npm install minus G.
00:01:05.430 --> 00:01:11.780
Add WP Now, slash WP Now, and once you've done that, you have it globally available.
00:01:11.780 --> 00:01:24.753
The only thing that you have to do now to launch a WordPress environment is to do WP Now start and it will automatically download the latest WordPress version for you and also the latest SQLite database.
00:01:24.753 --> 00:01:28.771
And you see, here you need to have something else installed, right.
00:01:28.980 --> 00:01:30.105
But now everything is there.
00:01:30.105 --> 00:01:39.051
Wordpress was installed, it's running as a database, the theme is up and running in the folder, but you didn't even move the theme into a theme folder, right?
00:01:39.051 --> 00:01:41.825
That just works, this just works, wow.
00:01:41.959 --> 00:01:47.012
And the thing is yeah, it's super quick and super easy to do and you don't have to think or worry about anything.
00:01:47.012 --> 00:01:53.302
And I can show you now, because we had to download WordPress and SQLite and I now quit the server, so now nothing is running.
00:01:53.302 --> 00:01:55.590
If I go back to the browser, you see it can't be reached.
00:01:55.590 --> 00:02:00.799
And now I run WP, now start again and bam, it's done, cool.
00:02:00.920 --> 00:02:07.030
So, this is super quick and super easy to do and if you go to the admin, you're already logged in.
00:02:07.030 --> 00:02:09.429
You shouldn't use that for production or anything.
00:02:09.429 --> 00:02:13.050
It's just like admin and password are the credentials if you ever need them.
00:02:13.050 --> 00:02:17.191
But yeah, in order to get something running, this is super great.
00:02:17.400 --> 00:02:20.389
Now you can also like install plugins here and do everything else right.
00:02:20.539 --> 00:02:24.028
Yes, in order to run Flint we have to have ACF Pro installed.
00:02:24.028 --> 00:02:25.492
At the moment there are two ways to do it.
00:02:25.492 --> 00:02:28.830
You can use something called a blueprint, but I'm not going to go into that.
00:02:28.830 --> 00:02:35.313
But if you open the folder dot WP minus Now you will actually see what it created.
00:02:35.313 --> 00:02:37.808
There's the SQLite database integration.
00:02:37.808 --> 00:02:40.664
There are the WordPress version this is like the latest.
00:02:40.664 --> 00:02:45.651
Then here is WP content with Flint and also plugins.
00:02:45.651 --> 00:02:51.979
And if you like, need anything in here, I can just copy the plugin from my local disk and paste it here.
00:02:51.979 --> 00:02:54.105
You can now see here's advanced custom feeds.
00:02:54.105 --> 00:02:55.531
Pro now can activate it.
00:02:55.531 --> 00:03:00.711
And if I go back to the front page, you can see a running version of Flint.
00:03:00.711 --> 00:03:04.308
Nice, so, yeah, that's, that's WP now.
00:03:04.308 --> 00:03:10.165
Super simple, super quick way of getting a development environment running on your local machine.
00:03:10.165 --> 00:03:11.324
Can I try it myself?
00:03:11.324 --> 00:03:11.885
Sure.
00:03:12.639 --> 00:03:14.306
OK, let's do this.
00:03:14.306 --> 00:03:18.128
So a new terminal window going to my www folder.
00:03:18.128 --> 00:03:21.965
Then NPM install Add WP minus.
00:03:21.965 --> 00:03:23.990
Now slash WP minus.
00:03:24.069 --> 00:03:24.731
Now Was it correct.
00:03:24.731 --> 00:03:26.163
Add the minus.
00:03:26.182 --> 00:03:27.086
G or global installation.
00:03:28.620 --> 00:03:37.831
So this also takes a little bit because, like it's based on Wasm, it downloads the Wasm files for all the PHP versions, and all of these are around 10 megabytes each.
00:03:37.831 --> 00:03:41.629
Then the initial run takes a little bit, but then it's like super fast.
00:03:41.960 --> 00:03:49.768
OK, let me just make a directory here where I press test and then WP minus, now start.
00:03:49.768 --> 00:03:53.973
What?
00:03:53.973 --> 00:03:55.439
Yeah Nice, it worked.
00:03:56.360 --> 00:03:58.364
With a database and with everything you need.
00:03:58.484 --> 00:04:02.389
Cool With the admin area and I'm locked in already.
00:04:02.389 --> 00:04:03.032
Cool.
00:04:03.032 --> 00:04:06.530
Can we use this now for our developments.
00:04:06.811 --> 00:04:08.717
I mean that is kind of the goal right.
00:04:08.717 --> 00:04:16.819
I would maybe wait a little bit to go all in for a bigger team and so on, just because it's like still in an early stage.
00:04:16.819 --> 00:04:24.540
It should be at some point a replacement for WP-NV, which is another tool to launch quickly dev environments on your machine.
00:04:24.540 --> 00:04:28.581
But this is based on Docker, so you have to have Docker installed and Docker compose.
00:04:28.581 --> 00:04:34.875
It needs to download several hundred megabytes all the time for the images, if something updates, and so on.
00:04:34.875 --> 00:04:39.862
So the experience with WP-NV is not as nice as it is with WP-NV.
00:04:40.110 --> 00:04:50.399
But it is based on Wasm, so PHP was compiled to Wasm so that it can run in the browser, but it can also run in Node, so there might be some functions that you cannot use in PHP.
00:04:50.399 --> 00:04:54.761
Then it uses SQLite instead of MySQL as a database.
00:04:54.761 --> 00:05:00.283
There is an official plug-in for that, but it's also still alpha, beta version kind of.
00:05:00.283 --> 00:05:14.470
But in order to work on some minor things quickly and I know like do you remember when we went to WordCamp a few years back in Berlin where we wanted to contribute to WordPress and setting up the environments?
00:05:14.550 --> 00:05:16.370
That was so hard yeah exactly.
00:05:16.370 --> 00:05:23.055
It took us, like the first half an hour to just like set up the environment before we could do anything, and that's so cool.
00:05:23.055 --> 00:05:23.737
Now Great.
00:05:23.910 --> 00:05:47.101
So if you use local WordPress, please try this out and also give feedback to the developers at WordPress and Automatic and actually I don't know if this is an Automatic project, so give feedback to the developers from WordPress Playground, which aims to get WordPress into the browser right for like demo purposes and so on.
00:05:47.101 --> 00:05:50.360
And, yeah, help out, make this stable and awesome.
00:05:50.360 --> 00:05:54.071
I mean it is already awesome, but make it more awesome, yeah.
00:00:00.281 --> 00:00:02.708
WP Now lets you spin up WordPress in a second.
00:00:02.708 --> 00:00:09.711
Wow, so you can start development environments really fast and don't worry about everything that you usually have to take care of.
00:00:09.711 --> 00:00:10.493
I want to see it.
00:00:10.493 --> 00:00:10.961
Ok.
00:00:10.961 --> 00:00:20.039
It's best if you have something that you want to work on, because WP Now is really smart Depending on in what folder you execute it, it will load a different environment.
00:00:20.100 --> 00:00:22.989
Here, you can see, it's like plug-in theme or WP content.
00:00:22.989 --> 00:00:28.753
So if you run WP Now in a plug-in, it will automatically mount the current directory as a plug-in in WordPress.
00:00:28.753 --> 00:00:31.850
If you run it in a theme, it will automatically mount this theme.
00:00:31.850 --> 00:00:37.031
Then WordPress, wordpress development, just PHP, or it will launch a playground.
00:00:37.031 --> 00:00:44.753
Yeah, and to show you what it can do, I just go to flintwpcom, our WordPress starter theme, flint, and I click on download.
00:00:44.960 --> 00:00:51.314
Then I go to the releases and here I have a zip file that actually includes all of the bundled assets.
00:00:51.314 --> 00:01:05.430
So I'm going to download this and I will open it in VS Code and in here I have to use a Node version, and then I globally install WP Now, npm install minus G.
00:01:05.430 --> 00:01:11.780
Add WP Now, slash WP Now, and once you've done that, you have it globally available.
00:01:11.780 --> 00:01:24.753
The only thing that you have to do now to launch a WordPress environment is to do WP Now start and it will automatically download the latest WordPress version for you and also the latest SQLite database.
00:01:24.753 --> 00:01:28.771
And you see, here you need to have something else installed, right.
00:01:28.980 --> 00:01:30.105
But now everything is there.
00:01:30.105 --> 00:01:39.051
Wordpress was installed, it's running as a database, the theme is up and running in the folder, but you didn't even move the theme into a theme folder, right?
00:01:39.051 --> 00:01:41.825
That just works, this just works, wow.
00:01:41.959 --> 00:01:47.012
And the thing is yeah, it's super quick and super easy to do and you don't have to think or worry about anything.
00:01:47.012 --> 00:01:53.302
And I can show you now, because we had to download WordPress and SQLite and I now quit the server, so now nothing is running.
00:01:53.302 --> 00:01:55.590
If I go back to the browser, you see it can't be reached.
00:01:55.590 --> 00:02:00.799
And now I run WP, now start again and bam, it's done, cool.
00:02:00.920 --> 00:02:07.030
So, this is super quick and super easy to do and if you go to the admin, you're already logged in.
00:02:07.030 --> 00:02:09.429
You shouldn't use that for production or anything.
00:02:09.429 --> 00:02:13.050
It's just like admin and password are the credentials if you ever need them.
00:02:13.050 --> 00:02:17.191
But yeah, in order to get something running, this is super great.
00:02:17.400 --> 00:02:20.389
Now you can also like install plugins here and do everything else right.
00:02:20.539 --> 00:02:24.028
Yes, in order to run Flint we have to have ACF Pro installed.
00:02:24.028 --> 00:02:25.492
At the moment there are two ways to do it.
00:02:25.492 --> 00:02:28.830
You can use something called a blueprint, but I'm not going to go into that.
00:02:28.830 --> 00:02:35.313
But if you open the folder dot WP minus Now you will actually see what it created.
00:02:35.313 --> 00:02:37.808
There's the SQLite database integration.
00:02:37.808 --> 00:02:40.664
There are the WordPress version this is like the latest.
00:02:40.664 --> 00:02:45.651
Then here is WP content with Flint and also plugins.
00:02:45.651 --> 00:02:51.979
And if you like, need anything in here, I can just copy the plugin from my local disk and paste it here.
00:02:51.979 --> 00:02:54.105
You can now see here's advanced custom feeds.
00:02:54.105 --> 00:02:55.531
Pro now can activate it.
00:02:55.531 --> 00:03:00.711
And if I go back to the front page, you can see a running version of Flint.
00:03:00.711 --> 00:03:04.308
Nice, so, yeah, that's, that's WP now.
00:03:04.308 --> 00:03:10.165
Super simple, super quick way of getting a development environment running on your local machine.
00:03:10.165 --> 00:03:11.324
Can I try it myself?
00:03:11.324 --> 00:03:11.885
Sure.
00:03:12.639 --> 00:03:14.306
OK, let's do this.
00:03:14.306 --> 00:03:18.128
So a new terminal window going to my www folder.
00:03:18.128 --> 00:03:21.965
Then NPM install Add WP minus.
00:03:21.965 --> 00:03:23.990
Now slash WP minus.
00:03:24.069 --> 00:03:24.731
Now Was it correct.
00:03:24.731 --> 00:03:26.163
Add the minus.
00:03:26.182 --> 00:03:27.086
G or global installation.
00:03:28.620 --> 00:03:37.831
So this also takes a little bit because, like it's based on Wasm, it downloads the Wasm files for all the PHP versions, and all of these are around 10 megabytes each.
00:03:37.831 --> 00:03:41.629
Then the initial run takes a little bit, but then it's like super fast.
00:03:41.960 --> 00:03:49.768
OK, let me just make a directory here where I press test and then WP minus, now start.
00:03:49.768 --> 00:03:53.973
What?
00:03:53.973 --> 00:03:55.439
Yeah Nice, it worked.
00:03:56.360 --> 00:03:58.364
With a database and with everything you need.
00:03:58.484 --> 00:04:02.389
Cool With the admin area and I'm locked in already.
00:04:02.389 --> 00:04:03.032
Cool.
00:04:03.032 --> 00:04:06.530
Can we use this now for our developments.
00:04:06.811 --> 00:04:08.717
I mean that is kind of the goal right.
00:04:08.717 --> 00:04:16.819
I would maybe wait a little bit to go all in for a bigger team and so on, just because it's like still in an early stage.
00:04:16.819 --> 00:04:24.540
It should be at some point a replacement for WP-NV, which is another tool to launch quickly dev environments on your machine.
00:04:24.540 --> 00:04:28.581
But this is based on Docker, so you have to have Docker installed and Docker compose.
00:04:28.581 --> 00:04:34.875
It needs to download several hundred megabytes all the time for the images, if something updates, and so on.
00:04:34.875 --> 00:04:39.862
So the experience with WP-NV is not as nice as it is with WP-NV.
00:04:40.110 --> 00:04:50.399
But it is based on Wasm, so PHP was compiled to Wasm so that it can run in the browser, but it can also run in Node, so there might be some functions that you cannot use in PHP.
00:04:50.399 --> 00:04:54.761
Then it uses SQLite instead of MySQL as a database.
00:04:54.761 --> 00:05:00.283
There is an official plug-in for that, but it's also still alpha, beta version kind of.
00:05:00.283 --> 00:05:14.470
But in order to work on some minor things quickly and I know like do you remember when we went to WordCamp a few years back in Berlin where we wanted to contribute to WordPress and setting up the environments?
00:05:14.550 --> 00:05:16.370
That was so hard yeah exactly.
00:05:16.370 --> 00:05:23.055
It took us, like the first half an hour to just like set up the environment before we could do anything, and that's so cool.
00:05:23.055 --> 00:05:23.737
Now Great.
00:05:23.910 --> 00:05:47.101
So if you use local WordPress, please try this out and also give feedback to the developers at WordPress and Automatic and actually I don't know if this is an Automatic project, so give feedback to the developers from WordPress Playground, which aims to get WordPress into the browser right for like demo purposes and so on.
00:05:47.101 --> 00:05:50.360
And, yeah, help out, make this stable and awesome.
00:05:50.360 --> 00:05:54.071
I mean it is already awesome, but make it more awesome, yeah.