Skills
.Work. You
Rest

nextjs-google-maps

Community

Seamlessly integrate Google Maps in Next.js apps.

Software Engineering#nextjs#geocoding#places#directions#google-maps#maps-api
Authorfumiya-kume
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a comprehensive, code-focused guide to integrating Google Maps into a Next.js App Router project, handling client/server concerns, API key management, and best practices for building map-enabled experiences.

Core Features & Use Cases

  • Setup and configuration guidance for Next.js App Router with Google Maps via the @react-google-maps/api library.
  • Coverage of common map tasks: rendering maps, Places autocomplete, directions, geocoding, heatmaps, Street View, and drawing tools.
  • Practical examples and patterns for building map-enabled user experiences in web apps.

Quick Start

Run the Quick Start instructions to configure API keys, install dependencies, and launch the development server for your Next.js app.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-google-maps
Download link: https://github.com/fumiya-kume/toy-poodle-love/archive/main.zip#nextjs-google-maps

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.