{"id":13406972,"url":"https://github.com/aeksco/nuxt-netlify-lambda-starter","last_synced_at":"2025-03-17T02:31:34.029Z","repository":{"id":38306173,"uuid":"184359999","full_name":"aeksco/nuxt-netlify-lambda-starter","owner":"aeksco","description":":hammer_and_wrench: SEO-friendly website starter backed by Netlify lambda functions in a simple, friendly repo","archived":false,"fork":false,"pushed_at":"2023-01-26T09:59:22.000Z","size":6911,"stargazers_count":58,"open_issues_count":28,"forks_count":8,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-16T07:31:41.679Z","etag":null,"topics":["font-awesome","json-ld","netlify","netlify-functions","nuxt","seo","vue"],"latest_commit_sha":null,"homepage":"https://nuxt-netlify-lambda-starter.netlify.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aeksco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-01T02:36:56.000Z","updated_at":"2025-03-15T20:59:10.000Z","dependencies_parsed_at":"2023-02-14T16:01:25.594Z","dependency_job_id":null,"html_url":"https://github.com/aeksco/nuxt-netlify-lambda-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeksco%2Fnuxt-netlify-lambda-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeksco%2Fnuxt-netlify-lambda-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeksco%2Fnuxt-netlify-lambda-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aeksco%2Fnuxt-netlify-lambda-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aeksco","download_url":"https://codeload.github.com/aeksco/nuxt-netlify-lambda-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243961782,"owners_count":20375313,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["font-awesome","json-ld","netlify","netlify-functions","nuxt","seo","vue"],"created_at":"2024-07-30T19:02:44.534Z","updated_at":"2025-03-17T02:31:33.635Z","avatar_url":"https://github.com/aeksco.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# nuxt-netlify-lambda-starter\n\n:hammer_and_wrench: SEO-friendly website starter backed by Netlify lambda functions in a simple, friendly repo\n\nThis is a basic starter project for a prerendered [Vue.js](https://vuejs.org/) + [Nuxt.js](https://nuxtjs.org/) frontend with a [Netlify lambda function](https://www.netlify.com/docs/functions/) backend. The Nuxt.js app is pre-rendered for improved SEO.\n\n### [You can view the deployed app here](https://nuxt-netlify-lambda-starter.netlify.com/)\n\n### Features\n- Home, About, and 404 Pages\n- `HelloWorld` example Lambda function with associated frontend code\n- Pre-rendered dynamic pages using a sample `Item` datatype\n- Integrates with [HotJar](https://hotjar.com\"), [Mailchimp](https://mailchimp.com\"), and [Google Analytics](https://analytics.google.com/analytics/web/#/)\n- Includes [JSON-LD Structured Data](https://developers.google.com/search/docs/guides/intro-structured-data) for outstanding SEO\n- Pre-configured with [OpenGraph](http://ogp.me/) and [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html) meta tags for beautiful [unfurls](https://medium.com/slack-developer-blog/everything-you-ever-wanted-to-know-about-unfurling-but-were-afraid-to-ask-or-how-to-make-your-e64b4bb9254) when sharing on social media\n- Customizable UI using [Bootstrap](https://getbootstrap.com) \u0026 [SASS](https://sass-lang.com) variables\n\n**NOTE:** this project can only be deployed via Netlify with [continuous deployment](https://www.netlify.com/docs/continuous-deployment/) enabled.\n\n### Build Setup\n\n``` bash\n# Install dependencies\n$ yarn install\n\n# Serve with hot reload at localhost:3000 and serves Netlify Functions\n$ yarn run dev\n\n# Build for production\n$ yarn run build\n```\n\nNote that [Prettier]() will automatically clean up your code when you save. You can adjust this behavior in the `build` section at line `127` in `nuxt.config.js`.\n\n### Pre-rendered Dynamic Pages\n\nThis project includes a series of pre-rendered pages using a generic `Item` datatype. The data for these pages is maintained in `assets/content/items.json` and they're generated with a custom `generate` field in `nuxt.config.js`:\n\n```js\ngenerate: {\n  routes: items.map(g =\u003e '/items/' + g.id)\n}\n```\n\nThis ensures that each item has a page that's pre-renderd and SEO-optimized. You can clone, modify, or remove the `Item` datatype and associated pages to better suit your needs.\n\n### Environment Configuration\nThe following production environment variables are required for the respective plugins to work correctly:\n\n```bash\n# Google Analytics Tracking Code\nGA_TRACKING_ID=UA-XXX-X\n\n# HotJar Site Identifier\nHOTJAR_SITE_ID=1234567\n\n# Mailchimp Script Variables\nMAILCHIMP_BASE_URL=mc.us19.list-manage.com\nMAILCHIMP_LID=abcde12345\nMAILCHIMP_UUID=aabbccddeeffgghhiijj12345\n```\n\nThese variables can be configured in a variety of ways - please consult the [Netlify Continuous Deployment Docs](https://www.netlify.com/docs/continuous-deployment/#environment-variables). You can deactivate any of these plugins by modifying the `plugins` field in the `nuxt.config.js` file.\n\n### JSON-LD Structured Data\n\nThe [JSON-LD Structured Data](https://developers.google.com/search/docs/guides/intro-structured-data) can be updated by modifying the `jsonld()` function in the `layouts/default.vue` file. This feature shouldn't be used anywhere else - one `JSON-LD` snippet should describe the entire site.\n\n### OpenGraph and Twitter Card Meta Tags\n\nThe `\u003cmeta\u003e` tags for [OpenGraph](http://ogp.me/) and [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html) are located in the `head` section of `nuxt.config.js`. **You should change these from their default values**. You can validate your changes using the [Twitter Card Validator](https://cards-dev.twitter.com/validator) and the [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/sharing).\n\n### Bootstrap + SASS Configuration\n\nYou can modify the `assets/sass/main.sass` file to optionally include Bootstrap component styles as-needed. **PROTIP** - only include the Bootstrap components your app depends on - this will keep your CSS bundle nice and slim :)\n\nYou can also modify any of [Bootstrap's SASS Variables](https://github.com/twbs/bootstrap/blob/master/scss/_variables.scss) inside the `assets/sass/variables.sass` file to customize the framework to your liking.\n\n### FontAwesome Vue Configuration\n\nThe repo includes a minimal subset of icons by default. When you need an additional icon, you must import it directly in `plugins/fontawesome.js` and register it with the FontAwesome plugin. You can learn more about the Vue-FontAwesome library [here](https://github.com/FortAwesome/vue-fontawesome).\n\n### References\n- [Vue.js](https://vuejs.org)\n- [Nuxt.js](https://nuxtjs.org)\n- [Netlify Functions](https://www.netlify.com/docs/functions/)\n- [Bootstrap-Vue](https://bootstrap-vue.js.org/)\n- [Bootstrap Components](https://getbootstrap.com/docs/4.3/components/alerts/)\n- [FontAwesome Vue](https://github.com/FortAwesome/vue-fontawesome)\n- [`netlify.toml` Docs](https://www.netlify.com/docs/netlify-toml-reference/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeksco%2Fnuxt-netlify-lambda-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faeksco%2Fnuxt-netlify-lambda-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faeksco%2Fnuxt-netlify-lambda-starter/lists"}