Built with Drupal 8: A Front-Ender's Tale of Danger and Suspense

May 3, 2015

UPDATE: In August 2015 I moved this site back to Drupal 7. Drupal 8 is still in beta, and though it's going to be fun, it's obviously not ready for prime time yet.

A few weeks ago I decided to rebuild this blog from scratch. It had been literally years since I'd posted, so I figured I'd include just a few of the last entries. Also, Drupal 8 was in beta and I'm impatient. Why not build a brand new site in 8.0.0-beta9?, I thought. How hard could it be?

So, okay. It was a little bit hard. But surprisingly, the experience wasn’t as hairy as you might expect. Here’s a summary of my adventurous, experimental walk on the wild beta side.

Installing Drupal 8

Before I go further, I should mention that I installed Drupal 8 on a previously set up local environment. (If you don’t know what that means, you can find out more here. For fellow Mac users, I’d recommend these instructions.)

Honestly, installation was a breeze. The whole process took less than 5 minutes and was similar enough to Drupal 7 that I felt on solid ground. I just downloaded and untarred core, added a new database in Mamp, went to the site in my browser and followed the instructions. Easy peasy.

Playing with core was equally as uneventful and fun. I added a new user, enabled and disabled core modules, added a new content type and a taxonomy vocabulary, tweaked permissions, etc. All without a hitch. The admin interface looks and acts almost the same as D7's. For someone who builds a lot of sites for non-technical admins, this is a big relief.

I decided this was easy. Drupal 8 was a lot more stable than I’d expected. I was feeling confident, so I decided to try creating a custom theme.

Custom Theming: Take One

Considering D8’s not even released yet, the documentation on drupal.org on Theming Drupal 8 is pretty extensive. In fact it’s so extensive, it’s a bit overwhelming at first.

If you're familiar with D7 theming and just wanted to get up and running quickly, you might prefer 27 Questions (and Answers) from My First Drupal 8 Site Build by Matt Korostoff. His article was extremely helpful, although I was glad to be have the d.o documentation to refer to when I got stuck or wanted to delve into something more deeply.

Adding JS, CSS and Font Files and Libraries

I decided to keep a hand on the tow line and created a Classy subtheme, following Matt’s instructions for setting up the x.info.yml and and x.libraries.yml files.

You can see the .info.yml file looks a lot like the .info in Drupal 7. The main difference is the way CSS and JS are added. Instead of adding them directly to the .info.yml file, you include a reference to a .libaries.yml file, and that is where you add your scripts, stylesheets and dependencies. That was probably the biggest gotcha for me--figuring out how to include JS scripts, libraries and dependencies and font libraries. There was conflicting information on the webs, but this is what worked for me:

Because I had a number of CSS and JS files, I followed the advice (from d.o. maybe?) to break them into two groups—global-styling and global-scripts,. These will now be available to every page.

My scripts.js is actually just a teeny few lines to handle the navigation bar, but surprisingly, Drupal 8 doesn’t load JQuery on every page automatically like D7 did. You have to add it as a dependency, as well as any other js you want to run on every page.

One thing I never figured out was how to add my custom fonts. I use Google's PT Serif and Inconsolata in this theme, and the only way I could get the fonts to load was by adding an @import to my main CSS file:

@import url(http://fonts.googleapis.com/css?family=Inconsolata|PT+Serif:400,400italic,700,700italic);

It works, and that'll have to do for now.

Twig Templates

I find Twig to be easier and more intuitive than the PHP of previous .tpl.php files. If you don't agree, some of the documentation on d.o might be helpful, especially Twig Coding Standards.

The Classy theme was a godsend for me when it came to creating custom templates. Whether you create a subtheme of Classy or not, you can look at the slew of templates it includes to get an idea of how to create your own.

For this theme, I needed a custom block--search-form-block.html.twig and changes to page.html.twig and node.html.twig. For instance, like Matt Korostoff, I don't much like the default "submitted by" line. To tweak it, I copied the node.html.twig from Classy, plopped it in my theme's template folder, and changed the line:

I still haven't figured out how to get my custom date/time format to print, but I'll keep working on it. :)

Custom Modules and More

I enabled a few contrib modules (Prepopulate, Youtube Field, Captcha and Recaptcha) that were absolutely required before going live. All worked beautifully out-of-the-box. However, the other contrib modules I tried gave me either a WSOD or that ghastly pink error message.

At this time I'd recommend enabling contrib modules cautiously, if at all. Most are still in dev for a reason. Maybe try them on a test install first and see what blows up.

Luckily this is a simple site that can run without many contrib modules. If you have a complex site that requires a number of them, you may have to wait a bit before they're all ported to 8. Bluespark publishes a helpful live list of the current status of the top 100 Drupal modules. Check it out to see if your modules are listed.

I'm know you're waiting on tenterhooks for your favorite modules, but remember that most of the people who create and maintain contrib modules do so on their own time and without pay. That's pretty darn generous of them, and I'm grateful for all the vacation time and off hours they spend creating modules that make my life easier. Unless I'm able to jump in alongside and start slinging code, I'm happy to wait patiently for contrib modules to be ported.

(Note to self: Patience you must have, my young padawan.)

Conclusion

The (sort of) bad news: Not everyone is crazy enough to spend two days and nights building a D8 site. It still isn't easy. You may get discouraged. You will lose sleep. I still can't get drush 7 (required for D8) to rebuild caches. Importing and exporting a database between dev and live without at least a few WSODs is nigh on impossible. I encountered a number of alien requirements and strange error messages that took time to track down and debug.

The good news: Smarter people than me are working on those problems. Yay!

More good news: I'm no longer afraid of WSODs or error screens that fill three screens. Also, I busted my local dev site and had to rebuild it so many times, I now know a great deal about installing, enabling and configuring Drupal 8.

Was it worth it? You betcha! I'm no programmer, so I was nervous about Drupal 8 coming down the pike. I'm not nervous anymore. In fact, I'm looking forward eagerly to a release candidate.

Thanks to all the people who put so much time and effort into Drupal 8. It's really spectacular, and we thank you for generously sharing your code with us.

Similar Notes

Drupal 8 Online Training

Spring Cleaning with Drupal v5

Cheating on Drupal with CSS

Comments

Noted by LamaEnups on December 16, 2024

I want to show you one exclusive program called (BTC PROFIT SEARCH AND MINING PHRASES), which can make you a rich man!

This program searches for Bitcoin wallets with a balance, and tries to find a secret phrase for them to get full access to the lost wallet!

Run the program and wait, and in order to increase your chances, install the program on all computers available to you, at work, with your friends, with your relatives, you can also ask your classmates to use the program, so your chances will increase tenfold!
Remember the more computers you use, the higher your chances of getting the treasure!

DOWNLOAD FOR FREE

Telegram:
https://t.me/btc_profit_search

Noted by Maryanyquesy on December 16, 2024

Cheers. I enjoy this.

navigate to these guys <a href="http://mariskamast.net:/smf/index.php?action=profile;u=3883229">internet... online casinos no deposit bonus usa
see this site <a href=https://casinoshaman.com/live-casino-roulette/>casino roulette</a> new online casinos in michigan
site web <a href="https://www.juneauartists.org/members/bellarit/profile/">i thought about this</a> new online casinos august 2023
read moreaвЂ¦ <a href=https://casinoslotoking.com/new-no-deposit-online-casino-bonus/>brand new online casinos usa no deposit bonus</a> gun lake casino online gaming
find more info https://cgv.org.ru/coopermine/profile.php?uid=9080 michigan online casino free play
try here <a href=https://usagamblinghub.com/ethereum-casinos/>best ethereum casino sites</a> online real money casino apps
look at this website http://mozillabd.science/index.php?title=nortonweinreich4656 casino online de argentina
try here <a href=https://realmoneygamblingusa.com/cafe-casino-100-no-deposit-bonus/>cafe casino no deposit bonus codes</a> best online casinos in new jersey
image source <a href="https://airsofttrader.co.nz/user/jetta69o552/">you can try these out</a> casino online brasil
pop over to this website <a href=https://casinoslotoking.com/new-no-deposit-online-casino-bonus/>new online casinos usa</a> best cashtocode online casino
look at here <a href="https://en.sulseam.com/bbs/board.php?bo_table=free&wr_id=1641176">you can try here</a> online casino slogans
advice <a href=https://casinoslotoking.com>casino online usa</a> hard rock online casino customer service
my sources <a href="https://funballerburg.de/profile.php?lookup=224">best real money online casinos</a> pai gow poker online casino games
browse this site <a href=https://onlinecasinonodepositbonus.us/no-deposit-real-money-casino/>free cash bonus no deposit casino</a> mountaineer casino online

Noted by Maryanyquesy on December 16, 2024

Incredible all kinds of great information home page look here neue online casinos bonus ohne einzahlung page online crypto casinos rio vegas casino online login recommended reading try this web-site ballys online casino customer service phone number usa see this here casino games online maya online casino you can find out more you can check here 120 free spins online casino promotion he has a good point busr reviews 2019 australian online casino visit site read full report online casino nieuws directory keno online real money online casinos ratings great site best online casino for real money are online casinos rigged uk go to my blog minnesota online casino missouri online casino check out the post right here https://amvnews.ru/forum/profile.php?mode=viewprofile&u=81429 online casino direct bank transfer visit these guys baccarat play online best casinos online canada site here linked here funcity online casino read the full info here best online slots paradisewin online casino

Noted by canada drugs ph... on December 16, 2024

I visited various web pages but the audio quality for audio songs present at this web site is really fabulous.

Noted by canadian pharma... on December 16, 2024

I was suggested this blog by means of my cousin. I am now not sure whether or not this submit is written via him as nobody else know such designated approximately my problem. You are incredible! Thank you!

Noted by LamaEnups on December 16, 2024

I want to show you one exclusive program called (BTC PROFIT SEARCH AND MINING PHRASES), which can make you a rich man!

This program searches for Bitcoin wallets with a balance, and tries to find a secret phrase for them to get full access to the lost wallet!

DOWNLOAD FOR FREE

Telegram:
https://t.me/btc_profit_search

Noted by Maryanyquesy on December 16, 2024

You expressed this very well.

link <a href="https://soosungtms.com/bbs/board.php?bo_table=free&wr_id=3929">best online casino real money</a> online casino roulette gambling site
why not check here <a href=https://gamblingwhore.com/basketball-bets/>nba championship betting</a> online casino made in germany
find more info <a href="https://www.metooo.es/u/674448bb1e2baf1192669f1d">navigate to this website</a> gta online casino car disappeared
article source <a href=https://casinoslotssaid.com/sport-betting-apps/>sport betting apps</a> free coins online casino no deposit bonus
have a peek at this web-site <a href="https://notes.io/w7JtE">link</a> casino online download
get more <a href=https://casinoslotoking.com/crash-bitcoin-gambling/>play crash gambling</a> australian online the water wheel casinos
try this website http://historydb.date/index.php?title=buckleycurtis2821 lucky creek online casino no deposit bonus code
additional info <a href=https://luckyusaplay.com/new-jersey-casinos/>online casino new jersey sites</a> real roulette online casino
see post <a href="http://shbolt.net/bbs/board.php?bo_table=free&wr_id=14178">online casino with free signup bonus real money no deposit</a> bmy88 online casino login
read review <a href=https://casinoslotoking.com/casino-real-money-app/>cash app casino</a> online casino poker real money
their explanation https://nlifelab.org/bbs/board.php?bo_table=free&wr_id=847599 online pennsylvania casino
sneak a peek at these guys <a href=https://mgmonlinecasino.us/bitcoin-casino-usa/>bitcoin live casino</a> rsweeps riversweeps online casino
top article https://sun-clinic.co.il/he/question/online-casinos-and-the-trench-frank... giochi casino online gratis
bonuses <a href=https://casinosns.com/wild-casino-free-chip-no-deposit/>wild casino bonus codes</a> borgata casino online customer service

Noted by Maryanyquesy on December 17, 2024

Factor clearly taken.!

click this site https://minecraftcommand.science/profile/cattlegrain24 us online casinos legal
sell <a href=https://gamblingwhore.com/california-casino-online/>california online casino no deposit bonus</a> pacific casino online
sneak a peek at this web-site <a href="http://med-koll-vahdat.tj/user/FelicienneFub/">win real money online casino</a> ak online casino bonus
hop over to this web-site <a href=https://casinoshaman.com/safe-online-casino-real-money/>is red dog casino safe</a> free online casino bonuses
visit this site right here <a href="https://git.fuwafuwa.moe/turnmitten6">casino real money online</a> online casino vanuatu
visit their website <a href=https://gseomail.com/online-casino-real-money-fast-payout/>online casino usa real money fast payout</a> juwa6 online casino
blog link http://www.kiripo.com/forum/member.php?action=profile&uid=1165771 what are the best online casinos that pay real money
look at this website <a href=https://casinoslotoking.com/instant-withdrawal-washington-casinos-online... dc casino online</a> tropicana online casino pa app
resources http://010-7562-4468.withc.kr/bbs/board.php?bo_table=free&wr_id=1591 top online gambling casinos
read here <a href=https://casinosns.com/gambling-apps-iphone/>best gambling app</a> free online casino real money no download
go to this website http://efactgroup.com/bbs/board.php?bo_table=free&wr_id=433854 online casino ios app
visit their website <a href=https://casinosns.com/best-minnesota-online-casino/>online casino real money minnesota</a> agen slot casino online
you can check here https://www.humansoft.co.kr:443/bbs/board.php?bo_table=free&wr_id=1326379 jugar en casa casino online
you could check here <a href=https://casinosdelux.com/las-atlantis-casino-review/>las atlantis casino bonus codes</a> 2023 no deposit bonus codes for online casinos

Noted by pharmacy online... on December 17, 2024

I really like reading an article that can make people think. Also, thanks for allowing me to comment!

Noted by Maryanyquesy on December 17, 2024

Thank you. I appreciate this!

browse around this web-site <a href="https://chiroqchi24.ru/user/peonykick7/">you could look here</a> playamo online casino
redirected here <a href=https://realmoneygamblingusa.com/xbet-review/>xbet ag</a> 10 mejores casinos online
helpful resources <a href="https://rightcoachforme.com/author/endremix/">online casino games real money no deposit</a> top 1 casino online
useful site <a href=https://usagamblinghub.com/poker-apps/>app poker online</a> lightning link real money online casino
look at this <a href="https://pattern-wiki.win/wiki/Online_Poker_Poker_Is_One_Of_The_Fastest_G... rush free online casino
useful reference <a href=https://gamblingwhore.com/best-new-zealand-casinos/>new zealand casino</a> casino luck online
see this here http://mitsu.lv/user/BricriuTam/ independent online casinos
resource <a href=https://mgmonlinecasino.us/busr-casino/>busr horse betting</a> online casinos auszahlungen
via <a href="https://weihailove.com/bbs/board.php?bo_table=free&wr_id=82437">best online casinos for real money</a> australia online casino ban
redirected here <a href=https://gseomail.com/bet-on-horse-racing/>best online horse betting</a> bbc online casino
read more <a href="https://www.seo-forum.org/memberlist.php?mode=viewprofile&u=134067">real money online casino no deposit bonus codes</a> watch casino royale online
this guy <a href=https://casinoslotoking.com/no-deposit-bonus-for-ignition-casino/>ignition casino poker</a> online casino real money no deposit bonus codes
his comment is here https://www.mixcloud.com/salmonbus47/ online casino no deposit bonus no download instant play
click this site <a href=https://realmoneygamblingusa.com/blackjack-online-real-money/>blackjack online casino</a> charging back online casino

Noted by ShellyLoK on December 17, 2024

[url=https://casinorealmoneyfi.com/]best free casino bonus no deposit[/url] bietet eine spannende und bequeme Möglichkeit, Ihre Lieblingsspiele bequem von zu Hause aus zu genießen. Mit einer großen Auswahl an Optionen können Sie jederzeit und überall Casino-Klassiker wie Poker, Blackjack und Spielautomaten spielen. Online-Casinos bieten ein spannendes Spielerlebnis mit realistischer Grafik und Live-Dealer-Optionen. Tauchen Sie noch heute in die Welt der online casinos ein und erleben Sie die Aufregung und die Vorteile des virtuellen Spielens Ihrer Lieblingsspiele.

Noted by JerrypAl on December 17, 2024

Casino is not just a game of luck; it's a thrilling challenge that can be mastered with the right strategy. Imagine the excitement of hitting 21 and beating the dealer with confidence. Whether you're a novice or an experienced player, learning [url=https://casinorealmoneydk.com/]casino online dk[/url] can transform your gaming experience and lead to significant wins. Don't miss out on the opportunity to improve your skills and enjoy the rewards. Start playing blackjack today and take the first step towards becoming a pro!

Noted by Maryanyquesy on December 17, 2024

Good forum posts. Thank you pop over to this web-site online casino games that pay real money online casino accept paypal additional resources casino online canada gta online diamond casino heist walkthrough continue http://www.jdmtube.com/user/Mikebig/videos online casino free bonus no deposit no download my sources nfl betting apps legale online casinos nederland helpful resources https://algowiki.win/wiki/Post:Online_Casino_Bb_Suggestions game zone online casino look at this website ducky luck 100 no deposit bonus louisiana online casino real money click here to investigate blog link juwa casino 777 online platforms real money you can find out more online casino craps online casino mit amazon gutschein bezahlen recommended reading http://whdf.ru/personal/profile/index.php?PAGE_NAME=profile_view&UID=91028 stardust nj online casino this post best mlb bets unibet online casinos pa this post made my day how much profit do online casinos make updated blog post wild casino app new online casino australia 2022 my website online casino for real money 2019 forum juicy vegas online casino this article casino keno online online casino bonus without deposit

Noted by Maryanyquesy on December 17, 2024

Very well expressed truly. !

this post http://www.bbmlbb.com/bbs/home.php?mod=space&uid=12124 most popular online casino slots
sell <a href=https://realmoneygamblingusa.com/sports-betting-sites/>betting sites</a> para casino online real money
special info https://historydb.date/wiki/The_Leaked_Hush-hush_To_Online_Cassino_Disco... casino 365 online registrarse
review <a href=https://casinoslotssaid.com/crypto-casinos/>crypto loko casino</a> new online casinos that pay real money
this link https://mobilka.mobi/user/Cidneycen/ uptown pokies online casino
learn the facts here now <a href=https://onlinecasinonodepositbonus.us/online-casino-accepting-credit-car... credit cards</a> pennsylvania new online casino
this website https://htcclub.pl/member.php/618127-Marilynnmib casino real money online usa
what do you think <a href=https://gamblingonnet.com/indiana-online-casino/>best online casino indiana</a> best online casino uk no wagering requirements
see it here https://losguerrerosdeoracion.com/?dwqa-question=6-casino-online-secrets... kawbet online casino
click for info <a href=https://mgmcasinoonline.us/no-deposit-bonus-casino/>casinos with no deposit</a> elite casino online
read this article <a href="https://www.feezital.com/blog/author/aedrewon/">casino games online real money</a> jackpotcity online casino australia
do you agree <a href=https://casinosdelux.com/what-is-the-best-online-casino-that-pays-real-m... online games real money</a> lincoln online casino bonus codes
full article https://www.simracingportugal.net/forum/member.php?action=profile&uid=10802 beste vikings go wild slot online casinos
speaking of <a href=https://cryptogamblingguru.com/no-deposit-casino-bonus/>casino online real money no deposit</a> real slots casino online

Noted by Maryanyquesy on December 17, 2024

Perfectly spoken really. !

here <a href="https://www.khojnu.com/profile/ormemundalila/">recommended you read</a> vegas paradise online casino
click for more <a href=https://seoqmail.com/omaha-online-poker/>omaha poker online game</a> best online casino trustly
click here https://istinastroitelstva.xyz/user/AsabiHam/ borgata online casino new jersey
straight from the source <a href=https://casinoshaman.com/ducky-luck-no-deposit-promo-codes/>ducky luck</a> casino baccarat online
via https://opensourcebridge.science/wiki/Hear_To_Your_Customers._They_Beque... best no deposit bonus for online casinos
agree with <a href=https://cryptogamblingguru.com/slotocash-review/>slotocash no deposit free spins</a> codeshare online for doubledown casino
helpful hints https://myspace.com/pinkair83 casino slot online 888
over at this website <a href=https://gamblingwhore.com/best-ethereum-casinos/>top ethereum casinos</a> best online casinos for usa players
lowest price http://pasarinko.zeroweb.kr/bbs/board.php?bo_table=notice&wr_id=3848779 20bet online casino review
browse around these guys <a href=https://casinosdelux.com/california-online-casino-no-deposit-bonus/>casino online california</a> australian dollars online casino
more bonuses https://helpiai.com/portfolio-view/sodales-orci-et/ online casino real money no deposit welcome bonus
breaking news <a href=https://mgmonlinecasino.us/nfl-football-betting-apps/>online betting for nfl</a> betmgm online casino review pa
site https://kangpaitojitu01.xyz/forum/profile/feliciennesax/ meadows online casino
click this site <a href=https://onlinecasinoindex.us/red-dog-casino-free-chip/>red dog casino sign up bonus</a> online casino no

Noted by canada pharmace... on December 17, 2024

Thanks for a marvelous posting! I certainly enjoyed reading it, you may be a great author. I will always bookmark your blog and definitely will come back later in life. I want to encourage that you continue your great writing, have a nice weekend!

Noted by Maryanyquesy on December 17, 2024

Reliable knowledge. Cheers!

this guy https://hub.docker.com/u/trowelpruner8/ paypal online casino einzahlen
more hints <a href=https://casinoslotoking.com/tennis-bets/>tennis live betting</a> online casino affiliate programs legal
that site https://gamefilm.ru/index.php?/profile/4068-siddaelweect/ top real money online casinos
address <a href=https://usaplayerscasino.com/boxing-betting/>boxing betting</a> online casino in makati
click this https://39504.org/member.php?action=profile&uid=76033 real money online casino georgia
sources tell me <a href=https://usaplayerscasino.com/shazam-review/>shazam casino no deposit bonus codes</a> vegas casino online no deposit bonus codes 2020
speaking of <a href="https://www.credly.com/users/waitermimosa6">online real casino</a> vegas casino games online free
site <a href=https://casinoslotssaid.com/esports-bet/>bet on esports usa</a> neon 54 online casino
see this website <a href="https://rokot-taldom.ru/component/users/?option=com_k2&view=itemlist&tas... are online casinos mafoa
browse around here <a href=https://onlinecasinonodepositbonus.us/busr-sports/>busr casino bonus codes</a> best payout online casino pa
continue reading this http://fullgas.lv/user/NovaruimI/ golden nugget casino online free
pop over to this website <a href=https://gamblingonnet.com/online-baccarat-casino/>baccarat online casino</a> the best casino online ireland
the full details https://rock8899.com/home.php?mod=space&uid=3174071 online casino bankeinzug
find out here <a href=https://onlinecasinonodepositbonus.us/online-casino-tennessee/>online casinos tennessee</a> best online casinos latvia

Noted by Zoppvs on December 17, 2024

buy oral stromectol - <a href="https://ivercand.com/carbamazepine/">order carbamazepine 200mg online cheap</a> buy tegretol 400mg without prescription

Noted by navarro pharmac... on December 17, 2024

There is definately a lot to know about this subject. I like all the points you've made.