The best way to get started is by using the Spectacle Boilerplate.
Alternatively, you can
npm install spectacle and write your own build configurations.
But really, it is SO much easier to just use the boilerplate. Trust me.
After downloading the boilerplate, your first order of business is to open terminal and run
rm -R .git to remove the existing version control.
Then, to start up the local server, run
Open a browser and hit http://localhost:3000, and we are ready to roll
Build & Deployment
Building the dist version of the project is as easy as running
npm run build
If you want to deploy the slideshow to surge, run
npm run deploy
Spectacle comes with a built in presenter mode. It shows you a slide lookahead, current time and your current slide:
- Open two browser windows on two different screens
- On your screen visit http://localhost:3000/?presenter
- On the presentation screen visit http://localhost:3000/
- Give an amazingly stylish presentation
Note: Any windows/tabs in the same browser that are running Spectacle will sync to one another, even if you don’t want to use presentation mode
Check it out:
You can toggle the presenter or overview mode by pressing respectively
|Right Arrow||Next Slide|
|Left Arrow||Previous Slide|
|Alt/Option + O||Toggle Overview Mode|
|Alt/Option + P||Toggle Presenter Mode|
Fullscreen can be toggled via browser options, or by hovering over the bottom right corner of your window until the fullscreen icon appears and clicking it.
Exporting a totally sweet looking PDF from your totally sweet looking Spectacle presentation is absurdly easy.
- Append your URL with
- Bring up the print dialog
(ctrl or cmd + p)
- Check “Background Graphics” to on if you are about that life
- Change destination to “Save as PDF”, as shown below:
If you want to print your slides, and want a printer friendly version, simply repeat the above process but instead print from http://localhost:3000/?export&print