[{"data":1,"prerenderedAt":1349},["ShallowReactive",2],{"/guides/rss-feed":3,"surround":1340},{"id":4,"title":5,"body":6,"date":1331,"description":1332,"extension":1333,"meta":1334,"navigation":246,"path":1335,"seo":1336,"sitemap":1337,"stem":1338,"__hash__":1339},"guides/guides/rss-feed.md","How to create an email newsletter from an RSS feed",{"type":7,"value":8,"toc":1318},"minimark",[9,13,19,28,38,43,46,69,76,79,82,86,94,110,114,117,131,142,194,198,209,221,540,551,555,558,564,675,681,685,694,698,701,887,891,898,1260,1267,1275,1279,1314],[10,11,5],"h1",{"id":12},"how-to-create-an-email-newsletter-from-an-rss-feed",[14,15,18],"p",{"className":16},[17],"text-sm","Last updated: May 30, 2022",[14,20,21,22,27],{},"In this tutorial, we'll use ",[23,24,26],"a",{"href":25},"/docs/events","Events"," in Maizzle to fetch the contents of an RSS feed and display them in an HTML email newsletter.",[14,29,30,31,37],{},"You can ",[23,32,36],{"href":33,"rel":34},"https://codepen.io/maizzle/pen/ExjvmdP?editors=1000",[35],"nofollow","preview the final result"," on CodePen.",[39,40,42],"h2",{"id":41},"initial-setup","Initial setup",[14,44,45],{},"Let's start by creating a new Maizzle project.",[47,48,53],"pre",{"className":49,"code":50,"language":51,"meta":52,"style":52},"language-sh shiki shiki-themes tailwind-css tailwind-css","npx create-maizzle\n","sh","",[54,55,56],"code",{"__ignoreMap":52},[57,58,61,65],"span",{"class":59,"line":60},"line",1,[57,62,64],{"class":63},"sizJ4","npx",[57,66,68],{"class":67},"sfCc6"," create-maizzle\n",[14,70,71,72,75],{},"In the interactive setup wizard, specify the directory name to create the project in, i.e. ",[54,73,74],{},"./example-rss",", and select the Default Starter.",[14,77,78],{},"Choose Yes when prompted to Install dependencies.",[14,80,81],{},"Once it finishes installing dependencies, open the project folder in your favorite editor.",[83,84,85],"h3",{"id":85},"rss-parser",[14,87,88,89,93],{},"We'll be using ",[23,90,85],{"href":91,"rel":92},"https://www.npmjs.com/package/rss-parser",[35]," fetch the contents of the RSS feed, so let's install it:",[47,95,97],{"className":49,"code":96,"language":51,"meta":52,"style":52},"npm install rss-parser\n",[54,98,99],{"__ignoreMap":52},[57,100,101,104,107],{"class":59,"line":60},[57,102,103],{"class":63},"npm",[57,105,106],{"class":67}," install",[57,108,109],{"class":67}," rss-parser\n",[39,111,113],{"id":112},"rss-feed","RSS Feed",[14,115,116],{},"We'll need an RSS feed to work with, so let's go with the best site for learning Laravel.",[14,118,119,120,125,126,130],{},"The ",[23,121,124],{"href":122,"rel":123},"https://laracasts.com",[35],"Laracasts"," feed is available at ",[23,127,128],{"href":128,"rel":129},"https://laracasts.com/feed",[35],".",[14,132,133,134,137,138,141],{},"Let's add that feed URL inside the ",[54,135,136],{},"build"," object in ",[54,139,140],{},"config.js",":",[47,143,147],{"className":144,"code":145,"filename":140,"language":146,"meta":52,"style":52},"language-js shiki shiki-themes tailwind-css tailwind-css","export default {\n  feed: {\n    url: 'https://laracasts.com/feed'\n  }\n}\n","js",[54,148,149,161,171,182,188],{"__ignoreMap":52},[57,150,151,154,157],{"class":59,"line":60},[57,152,153],{"class":63},"export",[57,155,156],{"class":63}," default",[57,158,160],{"class":159},"sprQ5"," {\n",[57,162,164,167,169],{"class":59,"line":163},2,[57,165,166],{"class":67},"  feed",[57,168,141],{"class":159},[57,170,160],{"class":159},[57,172,174,177,179],{"class":59,"line":173},3,[57,175,176],{"class":67},"    url",[57,178,141],{"class":159},[57,180,181],{"class":67}," 'https://laracasts.com/feed'\n",[57,183,185],{"class":59,"line":184},4,[57,186,187],{"class":159},"  }\n",[57,189,191],{"class":59,"line":190},5,[57,192,193],{"class":159},"}\n",[39,195,197],{"id":196},"fetch-items","Fetch Items",[14,199,200,201,203,204,208],{},"We can use ",[54,202,85],{}," inside the ",[23,205,207],{"href":206},"/docs/events#beforecreate","beforeCreate"," event to fetch feed data.",[14,210,211,212,214,215,217,218,220],{},"Edit ",[54,213,140],{},", require ",[54,216,85],{},", and use it in the ",[54,219,207],{}," event:",[47,222,224],{"className":144,"code":223,"filename":140,"language":146,"meta":52,"style":52},"import Parser from 'rss-parser'\n\nexport default {\n  async beforeCreate(config) {\n    // create a new Parser instance\n    const parser = new Parser({\n      customFields: {\n        feed: ['subtitle'],\n        item: ['summary']\n      }\n    })\n\n    // fetch and parse the feed\n    let feed = await parser.parseURL(config.feed.url)\n\n    // store the feed data in our config\n    config.feed = {\n      title: feed.title,\n      subtitle: feed.subtitle,\n      link: feed.link,\n      updated_at: feed.lastBuildDate,\n      posts: feed.items\n    }\n  }\n}\n",[54,225,226,242,248,256,276,282,305,315,335,351,357,366,371,377,416,421,427,441,458,475,492,509,524,530,535],{"__ignoreMap":52},[57,227,228,232,236,239],{"class":59,"line":60},[57,229,231],{"class":230},"s8qYB","import",[57,233,235],{"class":234},"sO1gY"," Parser",[57,237,238],{"class":159}," from",[57,240,241],{"class":230}," 'rss-parser'\n",[57,243,244],{"class":59,"line":163},[57,245,247],{"emptyLinePlaceholder":246},true,"\n",[57,249,250,252,254],{"class":59,"line":173},[57,251,153],{"class":63},[57,253,156],{"class":63},[57,255,160],{"class":159},[57,257,258,261,265,268,271,274],{"class":59,"line":184},[57,259,260],{"class":230},"  async",[57,262,264],{"class":263},"s2ImL"," beforeCreate",[57,266,267],{"class":159},"(",[57,269,270],{"class":230},"config",[57,272,273],{"class":159},")",[57,275,160],{"class":159},[57,277,278],{"class":59,"line":190},[57,279,281],{"class":280},"smVoC","    // create a new Parser instance\n",[57,283,285,288,291,295,298,300,302],{"class":59,"line":284},6,[57,286,287],{"class":230},"    const",[57,289,290],{"class":67}," parser ",[57,292,294],{"class":293},"sVevU","=",[57,296,297],{"class":63}," new",[57,299,235],{"class":263},[57,301,267],{"class":67},[57,303,304],{"class":159},"{\n",[57,306,308,311,313],{"class":59,"line":307},7,[57,309,310],{"class":67},"      customFields",[57,312,141],{"class":159},[57,314,160],{"class":159},[57,316,318,321,323,326,329,332],{"class":59,"line":317},8,[57,319,320],{"class":67},"        feed",[57,322,141],{"class":159},[57,324,325],{"class":67}," [",[57,327,328],{"class":67},"'subtitle'",[57,330,331],{"class":67},"]",[57,333,334],{"class":159},",\n",[57,336,338,341,343,345,348],{"class":59,"line":337},9,[57,339,340],{"class":67},"        item",[57,342,141],{"class":159},[57,344,325],{"class":67},[57,346,347],{"class":67},"'summary'",[57,349,350],{"class":67},"]\n",[57,352,354],{"class":59,"line":353},10,[57,355,356],{"class":159},"      }\n",[57,358,360,363],{"class":59,"line":359},11,[57,361,362],{"class":159},"    }",[57,364,365],{"class":67},")\n",[57,367,369],{"class":59,"line":368},12,[57,370,247],{"emptyLinePlaceholder":246},[57,372,374],{"class":59,"line":373},13,[57,375,376],{"class":280},"    // fetch and parse the feed\n",[57,378,380,383,386,389,392,395,397,400,402,404,406,409,411,414],{"class":59,"line":379},14,[57,381,382],{"class":230},"    let",[57,384,385],{"class":230}," feed",[57,387,388],{"class":293}," =",[57,390,391],{"class":63}," await",[57,393,394],{"class":230}," parser",[57,396,130],{"class":159},[57,398,399],{"class":263},"parseURL",[57,401,267],{"class":67},[57,403,270],{"class":230},[57,405,130],{"class":159},[57,407,408],{"class":230},"feed",[57,410,130],{"class":159},[57,412,413],{"class":230},"url",[57,415,365],{"class":67},[57,417,419],{"class":59,"line":418},15,[57,420,247],{"emptyLinePlaceholder":246},[57,422,424],{"class":59,"line":423},16,[57,425,426],{"class":280},"    // store the feed data in our config\n",[57,428,430,433,435,437,439],{"class":59,"line":429},17,[57,431,432],{"class":230},"    config",[57,434,130],{"class":159},[57,436,408],{"class":230},[57,438,388],{"class":293},[57,440,160],{"class":159},[57,442,444,447,449,451,453,456],{"class":59,"line":443},18,[57,445,446],{"class":67},"      title",[57,448,141],{"class":159},[57,450,385],{"class":230},[57,452,130],{"class":159},[57,454,455],{"class":230},"title",[57,457,334],{"class":159},[57,459,461,464,466,468,470,473],{"class":59,"line":460},19,[57,462,463],{"class":67},"      subtitle",[57,465,141],{"class":159},[57,467,385],{"class":230},[57,469,130],{"class":159},[57,471,472],{"class":230},"subtitle",[57,474,334],{"class":159},[57,476,478,481,483,485,487,490],{"class":59,"line":477},20,[57,479,480],{"class":67},"      link",[57,482,141],{"class":159},[57,484,385],{"class":230},[57,486,130],{"class":159},[57,488,489],{"class":230},"link",[57,491,334],{"class":159},[57,493,495,498,500,502,504,507],{"class":59,"line":494},21,[57,496,497],{"class":67},"      updated_at",[57,499,141],{"class":159},[57,501,385],{"class":230},[57,503,130],{"class":159},[57,505,506],{"class":230},"lastBuildDate",[57,508,334],{"class":159},[57,510,512,515,517,519,521],{"class":59,"line":511},22,[57,513,514],{"class":67},"      posts",[57,516,141],{"class":159},[57,518,385],{"class":230},[57,520,130],{"class":159},[57,522,523],{"class":230},"items\n",[57,525,527],{"class":59,"line":526},23,[57,528,529],{"class":159},"    }\n",[57,531,533],{"class":59,"line":532},24,[57,534,187],{"class":159},[57,536,538],{"class":59,"line":537},25,[57,539,193],{"class":159},[541,542,543,544,546,547,550],"alert",{},"\nThe Laracasts feed contains fields that \n",[54,545,85],{},"\n does not currently return by default. We include them through the \n",[54,548,549],{},"customFields","\n option.\n",[39,552,554],{"id":553},"date-format","Date Format",[14,556,557],{},"We'll probably need to format the date of a feed item to something more readable than what the feed provides.",[14,559,560,561,563],{},"We can add a function to ",[54,562,140],{}," and use it to format the item's date according to our audience's locale:",[47,565,567],{"className":144,"code":566,"filename":140,"language":146,"meta":52,"style":52},"export default {\n  formattedDate(str) {\n    const date = new Date(str)\n    return date.toLocaleDateString('en-US', {day: 'numeric', month: 'short', year: 'numeric'})\n  }\n}\n",[54,568,569,577,591,611,667,671],{"__ignoreMap":52},[57,570,571,573,575],{"class":59,"line":60},[57,572,153],{"class":63},[57,574,156],{"class":63},[57,576,160],{"class":159},[57,578,579,582,584,587,589],{"class":59,"line":163},[57,580,581],{"class":263},"  formattedDate",[57,583,267],{"class":159},[57,585,586],{"class":230},"str",[57,588,273],{"class":159},[57,590,160],{"class":159},[57,592,593,595,598,600,602,605,607,609],{"class":59,"line":173},[57,594,287],{"class":230},[57,596,597],{"class":67}," date ",[57,599,294],{"class":293},[57,601,297],{"class":63},[57,603,604],{"class":263}," Date",[57,606,267],{"class":67},[57,608,586],{"class":230},[57,610,365],{"class":67},[57,612,613,616,619,621,624,626,629,632,635,638,640,643,645,648,650,653,655,658,660,662,665],{"class":59,"line":184},[57,614,615],{"class":63},"    return",[57,617,618],{"class":230}," date",[57,620,130],{"class":159},[57,622,623],{"class":263},"toLocaleDateString",[57,625,267],{"class":67},[57,627,628],{"class":67},"'en-US'",[57,630,631],{"class":159},",",[57,633,634],{"class":159}," {",[57,636,637],{"class":67},"day",[57,639,141],{"class":159},[57,641,642],{"class":67}," 'numeric'",[57,644,631],{"class":159},[57,646,647],{"class":67}," month",[57,649,141],{"class":159},[57,651,652],{"class":67}," 'short'",[57,654,631],{"class":159},[57,656,657],{"class":67}," year",[57,659,141],{"class":159},[57,661,642],{"class":67},[57,663,664],{"class":159},"}",[57,666,365],{"class":67},[57,668,669],{"class":59,"line":190},[57,670,187],{"class":159},[57,672,673],{"class":59,"line":284},[57,674,193],{"class":159},[541,676,677,678,680],{},"\nTip: you could set \n",[54,679,628],{},"\n dynamically, based on your subscriber's preference.\n",[39,682,684],{"id":683},"template","Template",[14,686,687,688,693],{},"We'll use a simplified version of the ",[23,689,692],{"href":690,"rel":691},"https://github.com/maizzle/maizzle/blob/master/emails/promotional.html",[35],"promotional template"," from the Starter, displaying posts as full width cards.",[83,695,697],{"id":696},"header","Header",[14,699,700],{},"Let's update the existing header row:",[47,702,707],{"className":703,"code":704,"filename":705,"language":706,"meta":52,"style":52},"language-hbs shiki shiki-themes tailwind-css tailwind-css","\u003C!-- ... -->\n\u003Ctr>\n  \u003Ctd class=\"p-12 sm:py-8 sm:px-6 text-center\">\n    \u003Ca href=\"https://laracasts.com\">\n      \u003Cimg src=\"laracasts-logo.png\" width=\"157\" alt=\"{{ page.feed.title }}\">\n    \u003C/a>\n    \u003Cp class=\"m-0 mt-2 text-sm text-slate-600\">\n      {{ page.feed.subtitle }}\n    \u003C/p>\n  \u003C/td>\n\u003C/tr>\n","emails/promotional.html","hbs",[54,708,709,714,726,750,770,822,831,850,861,869,878],{"__ignoreMap":52},[57,710,711],{"class":59,"line":60},[57,712,713],{"class":280},"\u003C!-- ... -->\n",[57,715,716,720,723],{"class":59,"line":163},[57,717,719],{"class":718},"soJEP","\u003C",[57,721,722],{"class":63},"tr",[57,724,725],{"class":718},">\n",[57,727,728,731,734,738,740,743,746,748],{"class":59,"line":173},[57,729,730],{"class":718},"  \u003C",[57,732,733],{"class":63},"td",[57,735,737],{"class":736},"sQMLp"," class",[57,739,294],{"class":718},[57,741,742],{"class":736},"\"",[57,744,745],{"class":67},"p-12 sm:py-8 sm:px-6 text-center",[57,747,742],{"class":736},[57,749,725],{"class":718},[57,751,752,755,757,760,762,764,766,768],{"class":59,"line":184},[57,753,754],{"class":718},"    \u003C",[57,756,23],{"class":63},[57,758,759],{"class":736}," href",[57,761,294],{"class":718},[57,763,742],{"class":736},[57,765,122],{"class":67},[57,767,742],{"class":736},[57,769,725],{"class":718},[57,771,772,775,778,781,783,785,788,790,793,795,797,800,802,805,807,809,812,815,818,820],{"class":59,"line":190},[57,773,774],{"class":718},"      \u003C",[57,776,777],{"class":63},"img",[57,779,780],{"class":736}," src",[57,782,294],{"class":718},[57,784,742],{"class":736},[57,786,787],{"class":67},"laracasts-logo.png",[57,789,742],{"class":736},[57,791,792],{"class":736}," width",[57,794,294],{"class":718},[57,796,742],{"class":736},[57,798,799],{"class":67},"157",[57,801,742],{"class":736},[57,803,804],{"class":736}," alt",[57,806,294],{"class":718},[57,808,742],{"class":736},[57,810,811],{"class":67},"{{ ",[57,813,814],{"class":230},"page.feed.title",[57,816,817],{"class":67}," }}",[57,819,742],{"class":736},[57,821,725],{"class":718},[57,823,824,827,829],{"class":59,"line":284},[57,825,826],{"class":718},"    \u003C/",[57,828,23],{"class":63},[57,830,725],{"class":718},[57,832,833,835,837,839,841,843,846,848],{"class":59,"line":307},[57,834,754],{"class":718},[57,836,14],{"class":63},[57,838,737],{"class":736},[57,840,294],{"class":718},[57,842,742],{"class":736},[57,844,845],{"class":67},"m-0 mt-2 text-sm text-slate-600",[57,847,742],{"class":736},[57,849,725],{"class":718},[57,851,852,855,858],{"class":59,"line":317},[57,853,854],{"class":67},"      {{ ",[57,856,857],{"class":230},"page.feed.subtitle",[57,859,860],{"class":67}," }}\n",[57,862,863,865,867],{"class":59,"line":337},[57,864,826],{"class":718},[57,866,14],{"class":63},[57,868,725],{"class":718},[57,870,871,874,876],{"class":59,"line":353},[57,872,873],{"class":718},"  \u003C/",[57,875,733],{"class":63},[57,877,725],{"class":718},[57,879,880,883,885],{"class":59,"line":359},[57,881,882],{"class":718},"\u003C/",[57,884,722],{"class":63},[57,886,725],{"class":718},[83,888,890],{"id":889},"items-loop","Items Loop",[14,892,893,894,897],{},"Let's use a full width card from the ",[23,895,692],{"href":690,"rel":896},[35]," to show a list of all items from the feed:",[47,899,901],{"className":703,"code":900,"filename":705,"language":706,"meta":52,"style":52},"\u003C!-- ... -->\n\u003Ceach loop=\"post in page.feed.posts\">\n  \u003Ctr>\n    \u003Ctd class=\"p-6 bg-white hover:shadow-xl rounded transition-shadow duration-300\">\n      \u003Cp class=\"m-0 mb-1 text-sm text-slate-500\">\n        {{ page.formattedDate(post.pubDate) }}\n      \u003C/p>\n\n      \u003Ch2 class=\"m-0 mb-4 text-2xl leading-6\">\n        \u003Ca href=\"{{ post.link }}\" class=\"text-slate-800 hover:text-slate-700 [text-decoration:none]\">\n          {{ post.title }}\n        \u003C/a>\n      \u003C/h2>\n\n      \u003Cp class=\"m-0 text-base\">\n        \u003Ca href=\"{{ post.link }}\" class=\"text-slate-500 hover:text-slate-700 [text-decoration:none]\">\n          {{ post.summary }}\n        \u003C/a>\n      \u003C/p>\n    \u003C/td>\n  \u003C/tr>\n  \u003Cif condition=\"!loop.last\">\n    \u003Ctr>\n      \u003Ctd class=\"h-24\">\u003C/td>\n    \u003C/tr>\n  \u003C/if>\n\u003C/each>\n",[54,902,903,907,928,936,955,974,990,999,1003,1022,1057,1067,1076,1084,1088,1107,1140,1149,1157,1165,1173,1181,1202,1210,1234,1242,1251],{"__ignoreMap":52},[57,904,905],{"class":59,"line":60},[57,906,713],{"class":280},[57,908,909,911,914,917,919,921,924,926],{"class":59,"line":163},[57,910,719],{"class":718},[57,912,913],{"class":63},"each",[57,915,916],{"class":736}," loop",[57,918,294],{"class":718},[57,920,742],{"class":736},[57,922,923],{"class":67},"post in page.feed.posts",[57,925,742],{"class":736},[57,927,725],{"class":718},[57,929,930,932,934],{"class":59,"line":173},[57,931,730],{"class":718},[57,933,722],{"class":63},[57,935,725],{"class":718},[57,937,938,940,942,944,946,948,951,953],{"class":59,"line":184},[57,939,754],{"class":718},[57,941,733],{"class":63},[57,943,737],{"class":736},[57,945,294],{"class":718},[57,947,742],{"class":736},[57,949,950],{"class":67},"p-6 bg-white hover:shadow-xl rounded transition-shadow duration-300",[57,952,742],{"class":736},[57,954,725],{"class":718},[57,956,957,959,961,963,965,967,970,972],{"class":59,"line":190},[57,958,774],{"class":718},[57,960,14],{"class":63},[57,962,737],{"class":736},[57,964,294],{"class":718},[57,966,742],{"class":736},[57,968,969],{"class":67},"m-0 mb-1 text-sm text-slate-500",[57,971,742],{"class":736},[57,973,725],{"class":718},[57,975,976,979,982,984,987],{"class":59,"line":284},[57,977,978],{"class":67},"        {{ ",[57,980,981],{"class":230},"page.formattedDate",[57,983,267],{"class":67},[57,985,986],{"class":230},"post.pubDate",[57,988,989],{"class":67},") }}\n",[57,991,992,995,997],{"class":59,"line":307},[57,993,994],{"class":718},"      \u003C/",[57,996,14],{"class":63},[57,998,725],{"class":718},[57,1000,1001],{"class":59,"line":317},[57,1002,247],{"emptyLinePlaceholder":246},[57,1004,1005,1007,1009,1011,1013,1015,1018,1020],{"class":59,"line":337},[57,1006,774],{"class":718},[57,1008,39],{"class":63},[57,1010,737],{"class":736},[57,1012,294],{"class":718},[57,1014,742],{"class":736},[57,1016,1017],{"class":67},"m-0 mb-4 text-2xl leading-6",[57,1019,742],{"class":736},[57,1021,725],{"class":718},[57,1023,1024,1027,1029,1031,1033,1035,1037,1040,1042,1044,1046,1048,1050,1053,1055],{"class":59,"line":353},[57,1025,1026],{"class":718},"        \u003C",[57,1028,23],{"class":63},[57,1030,759],{"class":736},[57,1032,294],{"class":718},[57,1034,742],{"class":736},[57,1036,811],{"class":67},[57,1038,1039],{"class":230},"post.link",[57,1041,817],{"class":67},[57,1043,742],{"class":736},[57,1045,737],{"class":736},[57,1047,294],{"class":718},[57,1049,742],{"class":736},[57,1051,1052],{"class":67},"text-slate-800 hover:text-slate-700 [text-decoration:none]",[57,1054,742],{"class":736},[57,1056,725],{"class":718},[57,1058,1059,1062,1065],{"class":59,"line":359},[57,1060,1061],{"class":67},"          {{ ",[57,1063,1064],{"class":230},"post.title",[57,1066,860],{"class":67},[57,1068,1069,1072,1074],{"class":59,"line":368},[57,1070,1071],{"class":718},"        \u003C/",[57,1073,23],{"class":63},[57,1075,725],{"class":718},[57,1077,1078,1080,1082],{"class":59,"line":373},[57,1079,994],{"class":718},[57,1081,39],{"class":63},[57,1083,725],{"class":718},[57,1085,1086],{"class":59,"line":379},[57,1087,247],{"emptyLinePlaceholder":246},[57,1089,1090,1092,1094,1096,1098,1100,1103,1105],{"class":59,"line":418},[57,1091,774],{"class":718},[57,1093,14],{"class":63},[57,1095,737],{"class":736},[57,1097,294],{"class":718},[57,1099,742],{"class":736},[57,1101,1102],{"class":67},"m-0 text-base",[57,1104,742],{"class":736},[57,1106,725],{"class":718},[57,1108,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1136,1138],{"class":59,"line":423},[57,1110,1026],{"class":718},[57,1112,23],{"class":63},[57,1114,759],{"class":736},[57,1116,294],{"class":718},[57,1118,742],{"class":736},[57,1120,811],{"class":67},[57,1122,1039],{"class":230},[57,1124,817],{"class":67},[57,1126,742],{"class":736},[57,1128,737],{"class":736},[57,1130,294],{"class":718},[57,1132,742],{"class":736},[57,1134,1135],{"class":67},"text-slate-500 hover:text-slate-700 [text-decoration:none]",[57,1137,742],{"class":736},[57,1139,725],{"class":718},[57,1141,1142,1144,1147],{"class":59,"line":429},[57,1143,1061],{"class":67},[57,1145,1146],{"class":230},"post.summary",[57,1148,860],{"class":67},[57,1150,1151,1153,1155],{"class":59,"line":443},[57,1152,1071],{"class":718},[57,1154,23],{"class":63},[57,1156,725],{"class":718},[57,1158,1159,1161,1163],{"class":59,"line":460},[57,1160,994],{"class":718},[57,1162,14],{"class":63},[57,1164,725],{"class":718},[57,1166,1167,1169,1171],{"class":59,"line":477},[57,1168,826],{"class":718},[57,1170,733],{"class":63},[57,1172,725],{"class":718},[57,1174,1175,1177,1179],{"class":59,"line":494},[57,1176,873],{"class":718},[57,1178,722],{"class":63},[57,1180,725],{"class":718},[57,1182,1183,1185,1188,1191,1193,1195,1198,1200],{"class":59,"line":511},[57,1184,730],{"class":718},[57,1186,1187],{"class":63},"if",[57,1189,1190],{"class":736}," condition",[57,1192,294],{"class":718},[57,1194,742],{"class":736},[57,1196,1197],{"class":67},"!loop.last",[57,1199,742],{"class":736},[57,1201,725],{"class":718},[57,1203,1204,1206,1208],{"class":59,"line":526},[57,1205,754],{"class":718},[57,1207,722],{"class":63},[57,1209,725],{"class":718},[57,1211,1212,1214,1216,1218,1220,1222,1225,1227,1230,1232],{"class":59,"line":532},[57,1213,774],{"class":718},[57,1215,733],{"class":63},[57,1217,737],{"class":736},[57,1219,294],{"class":718},[57,1221,742],{"class":736},[57,1223,1224],{"class":67},"h-24",[57,1226,742],{"class":736},[57,1228,1229],{"class":718},">\u003C/",[57,1231,733],{"class":63},[57,1233,725],{"class":718},[57,1235,1236,1238,1240],{"class":59,"line":537},[57,1237,826],{"class":718},[57,1239,722],{"class":63},[57,1241,725],{"class":718},[57,1243,1245,1247,1249],{"class":59,"line":1244},26,[57,1246,873],{"class":718},[57,1248,1187],{"class":63},[57,1250,725],{"class":718},[57,1252,1254,1256,1258],{"class":59,"line":1253},27,[57,1255,882],{"class":718},[57,1257,913],{"class":63},[57,1259,725],{"class":718},[14,1261,1262,1263,1266],{},"That's it, run ",[54,1264,1265],{},"npm run build"," to generate the production-ready email template.",[14,1268,1269,1270,130],{},"Take a look at the ",[23,1271,1274],{"href":1272,"rel":1273},"https://codepen.io/maizzle/pen/ExjvmdP",[35],"final result on CodePen",[39,1276,1278],{"id":1277},"resources","Resources",[1280,1281,1282,1289,1294,1300,1308],"ul",{},[1283,1284,1285],"li",{},[23,1286,124],{"href":1287,"rel":1288},"https://laracasts.com/",[35],[1283,1290,1291],{},[23,1292,85],{"href":91,"rel":1293},[35],[1283,1295,1296],{},[23,1297,1299],{"href":1298},"/docs/events/","Maizzle Events",[1283,1301,1302,1307],{},[23,1303,1306],{"href":1304,"rel":1305},"https://github.com/maizzle/starter-rss",[35],"GitHub repository"," for this tutorial",[1283,1309,1310],{},[23,1311,1313],{"href":1272,"rel":1312},[35],"CodePen preview",[1315,1316,1317],"style",{},"html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}html pre.shiki code .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}html pre.shiki code .sO1gY, html code.shiki .sO1gY{--shiki-light:#2563EB;--shiki-dark:#2563EB}html pre.shiki code .s2ImL, html code.shiki .s2ImL{--shiki-light:#00BF99;--shiki-dark:#00BF99}html pre.shiki code .smVoC, html code.shiki .smVoC{--shiki-light:#94A3B8;--shiki-light-font-style:italic;--shiki-dark:#94A3B8;--shiki-dark-font-style:italic}html pre.shiki code .sVevU, html code.shiki .sVevU{--shiki-light:#35393E;--shiki-dark:#35393E}html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}html pre.shiki code .sQMLp, html code.shiki .sQMLp{--shiki-light:#0EA5E9;--shiki-dark:#0EA5E9}",{"title":52,"searchDepth":163,"depth":163,"links":1319},[1320,1323,1324,1325,1326,1330],{"id":41,"depth":163,"text":42,"children":1321},[1322],{"id":85,"depth":173,"text":85},{"id":112,"depth":163,"text":113},{"id":196,"depth":163,"text":197},{"id":553,"depth":163,"text":554},{"id":683,"depth":163,"text":684,"children":1327},[1328,1329],{"id":696,"depth":173,"text":697},{"id":889,"depth":173,"text":890},{"id":1277,"depth":163,"text":1278},"2020-03-04T00:00:00.000Z","Learn how to use Maizzle Events and RSS parsing libraries to create an email newsletter from an (atom) RSS feed.","md",{},"/guides/rss-feed",{"title":5,"description":1332},{"loc":1335},"guides/rss-feed","vsoCcP_hY258kdAEGxiODevMXkH4DPReJUrHNT0upaI",[1341,1345],{"title":1342,"path":1343,"stem":1344,"children":-1},"How to create an AMP for Email template","/guides/amp-email","guides/amp-email",{"title":1346,"path":1347,"stem":1348,"children":-1},"Using the WordPress API to create a newsletter from your posts","/guides/wordpress-api","guides/wordpress-api",1780318597543]