{"id":37934,"date":"2017-09-06T21:01:28","date_gmt":"2017-09-06T13:01:28","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=37934"},"modified":"2018-04-09T17:16:18","modified_gmt":"2018-04-09T09:16:18","slug":"rawgit-cdn-webapp","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/","title":{"rendered":"Convert GitHub Files into Raw CDN Assets with RawGit"},"content":{"rendered":"

There are thousands of new projects and features<\/a> on GitHub to play with. However, developers like to move fast and it\u2019s annoying to download all these files locally<\/strong> just for testing.<\/p>\n

This is where RawGit<\/a><\/strong> comes in handy. This free web app lets you convert any file<\/em> from a GitHub repo<\/strong> to an externally-hosted CDN<\/strong>.<\/p>\n

With this CDN file, you can directly embed CSS and JavaScript files<\/strong> without storing them locally on your machine. This also makes it easier to use cloud IDEs<\/a> where you need external files.<\/p>\n

Read Also:<\/strong> Cloud Hosting & CDN Services for Web Developers \u2013 Best of<\/a><\/p>\n

\"RawGit<\/a><\/figure>\n

The RawGit web app is super easy to use and it works for every GitHub repo<\/strong>.<\/p>\n

First, you should find a repo you want to use that doesn\u2019t have a CDN link. In this case, I\u2019ll choose this CSS3 modal<\/a> which is pretty simple.<\/p>\n

Then dig through the file structure to find the exact files you want externally<\/strong>. For example, this stylesheet<\/a> is all we need for this modal window effect. So, copy\/paste that URL into RawGit<\/strong> and voila!<\/p>\n

A full URL ready to go<\/strong> that you can copy\/paste as needed.<\/p>\n

\"RawGit<\/a><\/figure>\n

Notice there are two different URLs<\/strong> here. The first is a CDN production URL<\/strong> that you can actually use on live websites<\/strong>. This runs through a StackPath CDN<\/a>, so the files can be served quickly across the globe.<\/p>\n

On the other side, you\u2019ll find a development URL<\/strong> which is still hosted online, but it doesn\u2019t pass through a CDN. It\u2019s not optimized for high performance but it works great for local testing<\/strong> or cloud-based IDE development<\/strong>.<\/p>\n

You can\u2019t go wrong with either link and they both work flawlessly for testing smaller GitHub repos.<\/p>\n

The development URL does have built-in throttling<\/strong> for excessive traffic and high volume requests. This can lead to problems down the line but if you\u2019re working on a smaller project you shouldn\u2019t notice any issues.<\/p>\n

RawGit is one of the best inventions for modern web development. You can pull any file from any GitHub repo<\/strong> and get it hosted online with proper Content-Type headers. Definitely a must-have resource for all serious frontend developers<\/a>.<\/p>\n

If you have any questions or just wanna send your thanks you can shoot a quick tweet over to the official Twitter account @rawgit<\/a>.<\/p>\n

Read Also:<\/strong> Amazon CloudFront \u2013 How To Setup CloudFront To Work With S3<\/a><\/p>","protected":false},"excerpt":{"rendered":"

There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it\u2019s annoying to download all these files locally just for testing. This is where RawGit comes in handy. This free web app lets you convert any file from a GitHub repo to an externally-hosted CDN.…<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[4495,2726],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nConvert GitHub Files into Raw CDN Assets with RawGit - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convert GitHub Files into Raw CDN Assets with RawGit\" \/>\n<meta property=\"og:description\" content=\"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-06T13:01:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-09T09:16:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Convert GitHub Files into Raw CDN Assets with RawGit\",\"datePublished\":\"2017-09-06T13:01:28+00:00\",\"dateModified\":\"2018-04-09T09:16:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/\"},\"wordCount\":406,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rawgit-cdn-webapp\\\/01-rawgit-cdn-homepage.jpg\",\"keywords\":[\"Cloud Computing\",\"GitHub\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/\",\"name\":\"Convert GitHub Files into Raw CDN Assets with RawGit - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rawgit-cdn-webapp\\\/01-rawgit-cdn-homepage.jpg\",\"datePublished\":\"2017-09-06T13:01:28+00:00\",\"dateModified\":\"2018-04-09T09:16:18+00:00\",\"description\":\"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rawgit-cdn-webapp\\\/01-rawgit-cdn-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/rawgit-cdn-webapp\\\/01-rawgit-cdn-homepage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/rawgit-cdn-webapp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Convert GitHub Files into Raw CDN Assets with RawGit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Convert GitHub Files into Raw CDN Assets with RawGit - Hongkiat","description":"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/","og_locale":"en_US","og_type":"article","og_title":"Convert GitHub Files into Raw CDN Assets with RawGit","og_description":"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these","og_url":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-09-06T13:01:28+00:00","article_modified_time":"2018-04-09T09:16:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Convert GitHub Files into Raw CDN Assets with RawGit","datePublished":"2017-09-06T13:01:28+00:00","dateModified":"2018-04-09T09:16:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/"},"wordCount":406,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg","keywords":["Cloud Computing","GitHub"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/","url":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/","name":"Convert GitHub Files into Raw CDN Assets with RawGit - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg","datePublished":"2017-09-06T13:01:28+00:00","dateModified":"2018-04-09T09:16:18+00:00","description":"There are thousands of new projects and features on GitHub to play with. However, developers like to move fast and it's annoying to download all these","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/rawgit-cdn-webapp\/01-rawgit-cdn-homepage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/rawgit-cdn-webapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Convert GitHub Files into Raw CDN Assets with RawGit"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-9RQ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=37934"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37934\/revisions"}],"predecessor-version":[{"id":42058,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37934\/revisions\/42058"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=37934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=37934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=37934"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=37934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}